Preview
#3e4a54
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 9.08:1 · vs black: 2.31:1
HEX
#3e4a54
RGB
rgb(62, 74, 84)
RGBA
rgba(62, 74, 84, 1)
HSL
hsl(207, 15%, 29%)
HSV
hsv(207, 26%, 33%)
LAB
lab(30.79% -2.19 -7.52)
LCH
lch(30.79% 7.83 253.76)
OKLAB
oklab(0.4024 -0.0102 -0.0205)
OKLCH
oklch(0.4024 0.0229 243.55)
XYZ
xyz(6.04, 6.56, 9.33)
CMYK
cmyk(26%, 12%, 0%, 67%)
CSS
color: #3e4a54;
CSS variable
--color-3e4a54: #3e4a54;
SCSS
$color-3e4a54: #3e4a54;
Tailwind
sky-700
Export
:root {
--#3e4a54-1: #3e4a54;
}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.