Preview
#2e5670
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.83:1 · vs black: 2.68:1
HEX
#2e5670
RGB
rgb(46, 86, 112)
RGBA
rgba(46, 86, 112, 1)
HSL
hsl(204, 42%, 31%)
HSV
hsv(204, 59%, 44%)
LAB
lab(34.81% -5.73 -19.15)
LCH
lch(34.81% 19.99 253.34)
OKLAB
oklab(0.4355 -0.0323 -0.0535)
OKLCH
oklch(0.4355 0.0625 238.88)
XYZ
xyz(7.38, 8.41, 16.56)
CMYK
cmyk(59%, 23%, 0%, 56%)
CSS
color: #2e5670;
CSS variable
--color-2e5670: #2e5670;
SCSS
$color-2e5670: #2e5670;
Tailwind
sky-600
Export
:root {
--#2e5670-1: #2e5670;
}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.