Preview
#aac3d4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.47:1
HEX
#aac3d4
RGB
rgb(170, 195, 212)
RGBA
rgba(170, 195, 212, 1)
HSL
hsl(204, 33%, 75%)
HSV
hsv(204, 20%, 83%)
LAB
lab(77.48% -4.82 -11.32)
LCH
lch(77.48% 12.3 246.94)
OKLAB
oklab(0.8039 -0.0194 -0.0307)
OKLCH
oklch(0.8039 0.0363 237.71)
XYZ
xyz(47.97, 52.33, 69.85)
CMYK
cmyk(20%, 8%, 0%, 17%)
CSS
color: #aac3d4;
CSS variable
--color-aac3d4: #aac3d4;
SCSS
$color-aac3d4: #aac3d4;
Tailwind
sky-200
Export
:root {
--#aac3d4-1: #aac3d4;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.