Preview
#2e6985
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.04:1 · vs black: 3.48:1
HEX
#2e6985
RGB
rgb(46, 105, 133)
RGBA
rgba(46, 105, 133, 1)
HSL
hsl(199, 49%, 35%)
HSV
hsv(199, 65%, 52%)
LAB
lab(41.81% -9.95 -21.19)
LCH
lch(41.81% 23.41 244.85)
OKLAB
oklab(0.4941 -0.0468 -0.0593)
OKLCH
oklch(0.4941 0.0755 231.72)
XYZ
xyz(10.41, 12.38, 24.03)
CMYK
cmyk(65%, 21%, 0%, 48%)
CSS
color: #2e6985;
CSS variable
--color-2e6985: #2e6985;
SCSS
$color-2e6985: #2e6985;
Tailwind
cyan-600
Export
:root {
--#2e6985-1: #2e6985;
}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.