Preview
#94d6f4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.18:1
HEX
#94d6f4
RGB
rgb(148, 214, 244)
RGBA
rgba(148, 214, 244, 1)
HSL
hsl(199, 81%, 77%)
HSV
hsv(199, 39%, 96%)
LAB
lab(82.33% -13.39 -21.27)
LCH
lch(82.33% 25.13 237.81)
OKLAB
oklab(0.8423 -0.0525 -0.0586)
OKLCH
oklch(0.8423 0.0787 228.14)
XYZ
xyz(52.58, 60.92, 94.56)
CMYK
cmyk(39%, 12%, 0%, 4%)
CSS
color: #94d6f4;
CSS variable
--color-94d6f4: #94d6f4;
SCSS
$color-94d6f4: #94d6f4;
Tailwind
cyan-200
Export
:root {
--#94d6f4-1: #94d6f4;
}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.