Preview
#364e57
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 8.81:1 · vs black: 2.38:1
HEX
#364e57
RGB
rgb(54, 78, 87)
RGBA
rgba(54, 78, 87, 1)
HSL
hsl(196, 23%, 28%)
HSV
hsv(196, 38%, 34%)
LAB
lab(31.63% -6.58 -8.23)
LCH
lch(31.63% 10.54 231.36)
OKLAB
oklab(0.408 -0.024 -0.0226)
OKLCH
oklch(0.408 0.033 223.28)
XYZ
xyz(5.97, 6.92, 10.04)
CMYK
cmyk(38%, 10%, 0%, 66%)
CSS
color: #364e57;
CSS variable
--color-364e57: #364e57;
SCSS
$color-364e57: #364e57;
Tailwind
cyan-700
Export
:root {
--#364e57-1: #364e57;
}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.