Colour reference

Light Cornflower

#a2d2ff

RGB: rgb(162 210 255)
HSL: 209°, 100%, 82%
OKLCh: 84.6% 0.081 247.2

Light Cornflower in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#a2d2ff`
RGB	`rgb(162 210 255)`
RGB legacy	`rgb(162, 210, 255)`
RGB percent	`rgb(63.53% 82.35% 100%)`
HSL	`hsl(209 100% 81.8%)`
HSL legacy	`hsl(209, 100%, 81.8%)`
HSV / HSB	`hsv(209, 36.5%, 100%)`
HWB	`hwb(209 63.5% 0%)`
Nearest name	`lightskyblue (approx.)`
CMYK	`cmyk(36.5%, 17.6%, 0%, 0%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(84.585% 0.0808 247.157)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(84.585% -0.03137 -0.07446)`
CIE LCh	`lch(82.002% 28.617 253.648)`
CIE Lab	`lab(82.002% -8.057 -27.46)`
Display P3	`color(display-p3 0.6738 0.8182 0.9837)`
Rec. 2020	`color(rec2020 0.6924 0.793 0.9791)`
srgb-linear	`color(srgb-linear 0.3613 0.6445 1)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.5599 0.6099 1.0343)`

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

GLSL vec3 — sRGB	`vec3(0.635, 0.824, 1.0)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.361, 0.644, 1.0)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.635, 0.824, 1.0, 1.0)`
GLSL vec4 — linear	`vec4(0.361, 0.644, 1.0, 1.0)`
GLSL ivec3	`ivec3(162, 210, 255)`
HLSL float3 — sRGB	`float3(0.635, 0.824, 1.0)`
HLSL float3 — linear	`float3(0.361, 0.644, 1.0)`
HLSL float4 — sRGB	`float4(0.635, 0.824, 1.0, 1.0)`
HLSL half4 — sRGB	`half4(0.635, 0.824, 1.0, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.635, 0.824, 1.0)`
WGSL vec4f — sRGB	`vec4f(0.635, 0.824, 1.0, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.361, 0.644, 1.0)`

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

Unity Color	`new Color(0.635f, 0.824f, 1.0f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(162, 210, 255, 255)`
Unreal FLinearColor	`FLinearColor(0.3613f, 0.6445f, 1.0f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(162, 210, 255, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.635, 0.824, 1, 1)`
Flutter Color	`Color(0xFFA2D2FF)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(162, 210, 255)`
SwiftUI Color	`Color(red: 0.635, green: 0.824, blue: 1)`
UIKit UIColor	`UIColor(red: 0.635, green: 0.824, blue: 1, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0xA2D2FF`
0x hex (ARGB)	`0xFFA2D2FF`
Array 0–1	`[0.635, 0.824, 1]`
Array 0–255	`[162, 210, 255]`
Decimal integer	`10670847`

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
Light Cornflower on white	1.59:1	Fail	Lc 27	Not usable for text
Light Cornflower on black	13.20:1	AAA	Lc 76	Body text, 18px and up

Light Cornflower text on a white background

Light Cornflower text on a black background

White text on Light Cornflower

Black text on Light Cornflower

Tonal scale

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

50#e6faff
100#d4f1ff
200#b9e1ff
300#a0cbf3
400#81aed8
500#6290ba
600#4a769d
700#365e82
800#264b6b
900#193a57
950#062137

Tints and shades

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

Tint 1#b2daff
Tint 2#c1e1ff
Tint 3#d1e9ff
Tint 4#e0f0ff
Tint 5#f0f8ff
Shade 1#7ea4c8
Shade 2#5c7994
Shade 3#3c5063
Shade 4#1f2b36
Shade 5#060a0f

Colours that work with Light Cornflower

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

#f1c394
#fbb7c3
#bed79e
#8edaef
#bfc8ff

Closest CSS names

lightskyblueΔEok 0.033
skyblueΔEok 0.043
lightblueΔEok 0.045
lightsteelblueΔEok 0.050
powderblueΔEok 0.062
lightgrayΔEok 0.083