Preview
#afbcc5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.94:1 · vs black: 10.82:1
HEX
#afbcc5
RGB
rgb(175, 188, 197)
RGBA
rgba(175, 188, 197, 1)
HSL
hsl(205, 16%, 73%)
HSV
hsv(205, 11%, 77%)
LAB
lab(75.52% -2.67 -6.07)
LCH
lch(75.52% 6.63 246.26)
OKLAB
oklab(0.7879 -0.0103 -0.0163)
OKLCH
oklch(0.7879 0.0193 237.71)
XYZ
xyz(45.74, 49.11, 59.88)
CMYK
cmyk(11%, 5%, 0%, 23%)
CSS
color: #afbcc5;
CSS variable
--color-afbcc5: #afbcc5;
SCSS
$color-afbcc5: #afbcc5;
Tailwind
sky-200
Export
:root {
--#afbcc5-1: #afbcc5;
}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.