Preview
#3d5368
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.97:1 · vs black: 2.64:1
HEX
#3d5368
RGB
rgb(61, 83, 104)
RGBA
rgba(61, 83, 104, 1)
HSL
hsl(209, 26%, 32%)
HSV
hsv(209, 41%, 41%)
LAB
lab(34.35% -2.42 -14.79)
LCH
lch(34.35% 14.99 260.71)
OKLAB
oklab(0.4329 -0.0168 -0.0409)
OKLCH
oklch(0.4329 0.0442 247.67)
XYZ
xyz(7.52, 8.18, 14.28)
CMYK
cmyk(41%, 20%, 0%, 59%)
CSS
color: #3d5368;
CSS variable
--color-3d5368: #3d5368;
SCSS
$color-3d5368: #3d5368;
Tailwind
sky-600
Export
:root {
--#3d5368-1: #3d5368;
}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.