Preview
#495662
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.52:1 · vs black: 2.79:1
HEX
#495662
RGB
rgb(73, 86, 98)
RGBA
rgba(73, 86, 98, 1)
HSL
hsl(209, 15%, 34%)
HSV
hsv(209, 26%, 38%)
LAB
lab(35.89% -2.04 -8.62)
LCH
lch(35.89% 8.86 256.69)
OKLAB
oklab(0.4465 -0.0103 -0.0235)
OKLCH
oklch(0.4465 0.0257 246.33)
XYZ
xyz(8.28, 8.95, 12.84)
CMYK
cmyk(26%, 12%, 0%, 62%)
CSS
color: #495662;
CSS variable
--color-495662: #495662;
SCSS
$color-495662: #495662;
Tailwind
sky-600
Export
:root {
--#495662-1: #495662;
}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.