Preview
#375d77
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.01:1 · vs black: 2.99:1
HEX
#375d77
RGB
rgb(55, 93, 119)
RGBA
rgba(55, 93, 119, 1)
HSL
hsl(204, 37%, 34%)
HSV
hsv(204, 54%, 47%)
LAB
lab(37.79% -5.51 -18.84)
LCH
lch(37.79% 19.63 253.7)
OKLAB
oklab(0.4613 -0.0305 -0.0525)
OKLCH
oklch(0.4613 0.0607 239.85)
XYZ
xyz(8.82, 9.97, 18.91)
CMYK
cmyk(54%, 22%, 0%, 53%)
CSS
color: #375d77;
CSS variable
--color-375d77: #375d77;
SCSS
$color-375d77: #375d77;
Tailwind
sky-600
Export
:root {
--#375d77-1: #375d77;
}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.