Preview
#324c58
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 9.09:1 · vs black: 2.31:1
HEX
#324c58
RGB
rgb(50, 76, 88)
RGBA
rgba(50, 76, 88, 1)
HSL
hsl(199, 28%, 27%)
HSV
hsv(199, 43%, 35%)
LAB
lab(30.76% -6.3 -10.2)
LCH
lch(30.76% 11.99 238.3)
OKLAB
oklab(0.4006 -0.0248 -0.0281)
OKLCH
oklch(0.4006 0.0375 228.57)
XYZ
xyz(5.66, 6.55, 10.20)
CMYK
cmyk(43%, 14%, 0%, 65%)
CSS
color: #324c58;
CSS variable
--color-324c58: #324c58;
SCSS
$color-324c58: #324c58;
Tailwind
cyan-700
Export
:root {
--#324c58-1: #324c58;
}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.