Colour reference

Sky Wash

#8ecae6

RGB: rgb(142 202 230)
HSL: 199°, 64%, 73%
OKLCh: 80.8% 0.073 228.7

Sky Wash in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#8ecae6`
RGB	`rgb(142 202 230)`
RGB legacy	`rgb(142, 202, 230)`
RGB percent	`rgb(55.69% 79.22% 90.2%)`
HSL	`hsl(199.1 63.8% 72.9%)`
HSL legacy	`hsl(199.1, 63.8%, 72.9%)`
HSV / HSB	`hsv(199.1, 38.3%, 90.2%)`
HWB	`hwb(199.1 55.7% 9.8%)`
Nearest name	`skyblue`
CMYK	`cmyk(38.3%, 12.2%, 0%, 9.8%)`Naive conversion. Real print work needs an ICC profile.

Perceptual & wide gamutModern CSS colour spaces for uniform scales and P3 displays.

OKLCh	`oklch(80.79% 0.07308 228.705)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(80.79% -0.04823 -0.05491)`
CIE LCh	`lch(77.967% 25.177 234.182)`
CIE Lab	`lab(77.967% -14.734 -20.416)`
Display P3	`color(display-p3 0.6075 0.7858 0.8901)`
Rec. 2020	`color(rec2020 0.6273 0.7548 0.8752)`
srgb-linear	`color(srgb-linear 0.2705 0.5906 0.7913)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.4656 0.537 0.8278)`

ShadersGLSL, HLSL and WGSL vectors in both encoded and linear form.

GLSL vec3 — sRGB	`vec3(0.557, 0.792, 0.902)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.27, 0.591, 0.791)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.557, 0.792, 0.902, 1.0)`
GLSL vec4 — linear	`vec4(0.27, 0.591, 0.791, 1.0)`
GLSL ivec3	`ivec3(142, 202, 230)`
HLSL float3 — sRGB	`float3(0.557, 0.792, 0.902)`
HLSL float3 — linear	`float3(0.27, 0.591, 0.791)`
HLSL float4 — sRGB	`float4(0.557, 0.792, 0.902, 1.0)`
HLSL half4 — sRGB	`half4(0.557, 0.792, 0.902, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.557, 0.792, 0.902)`
WGSL vec4f — sRGB	`vec4f(0.557, 0.792, 0.902, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.27, 0.591, 0.791)`

Engines & appsConstructors for Unity, Unreal, Godot, Flutter, SwiftUI and Android.

Unity Color	`new Color(0.557f, 0.792f, 0.902f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(142, 202, 230, 255)`
Unreal FLinearColor	`FLinearColor(0.2705f, 0.5906f, 0.7913f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(142, 202, 230, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.557, 0.792, 0.902, 1)`
Flutter Color	`Color(0xFF8ECAE6)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(142, 202, 230)`
SwiftUI Color	`Color(red: 0.557, green: 0.792, blue: 0.902)`
UIKit UIColor	`UIColor(red: 0.557, green: 0.792, blue: 0.902, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0x8ECAE6`
0x hex (ARGB)	`0xFF8ECAE6`
Array 0–1	`[0.557, 0.792, 0.902]`
Array 0–255	`[142, 202, 230]`
Decimal integer	`9358054`

Contrast and accessibility

WCAG 2 ratios are what audits and legislation reference. APCA is shown alongside because WCAG 2 is known to misjudge mid-tone backgrounds, and it is the basis of the WCAG 3 draft.

Pairing	WCAG 2 ratio	Level	APCA	Suitable for
Sky Wash on white	1.79:1	Fail	Lc 33	Non-text elements only
Sky Wash on black	11.74:1	AAA	Lc 70	Headings and large text

Sky Wash text on a white background

Sky Wash text on a black background

White text on Sky Wash

Black text on Sky Wash

Tonal scale

Hue held fixed while lightness walks OKLCh, ready to use as a design system ramp.

50#ddfeff
100#c7f6ff
200#b3e5fd
300#99cfe8
400#79b2cd
500#5994af
600#417a93
700#2d6279
800#1c4e62
900#0f3d50
950#002332

Tints and shades

Mixed perceptually toward white and black, so the steps feel evenly spaced.

Tint 1#a2d3ea
Tint 2#b5dcef
Tint 3#c7e5f3
Tint 4#daedf7
Tint 5#edf6fb
Shade 1#6e9eb4
Shade 2#507485
Shade 3#344d59
Shade 4#192930
Shade 5#04090c

Colours that work with Sky Wash

Complementary, triadic and analogous partners, rotated in OKLCh so they keep the same apparent brightness.

#e8b397
#e5adc8
#c4c58e
#86cfd2
#a4c2f0

Closest CSS names

skyblueΔEok 0.012
lightskyblueΔEok 0.028
lightsteelblueΔEok 0.040
lightblueΔEok 0.055
silverΔEok 0.073
powderblueΔEok 0.075