Preview
#afc4cb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.81:1 · vs black: 11.58:1
HEX
#afc4cb
RGB
rgb(175, 196, 203)
RGBA
rgba(175, 196, 203, 1)
HSL
hsl(195, 21%, 74%)
HSV
hsv(195, 14%, 80%)
LAB
lab(77.82% -5.68 -5.92)
LCH
lch(77.82% 8.2 226.19)
OKLAB
oklab(0.8066 -0.0192 -0.016)
OKLCH
oklch(0.8066 0.025 219.81)
XYZ
xyz(48.20, 52.90, 64.16)
CMYK
cmyk(14%, 3%, 0%, 20%)
CSS
color: #afc4cb;
CSS variable
--color-afc4cb: #afc4cb;
SCSS
$color-afc4cb: #afc4cb;
Tailwind
cyan-200
Export
:root {
--#afc4cb-1: #afc4cb;
}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.