Preview
#36637c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.5:1 · vs black: 3.23:1
HEX
#36637c
RGB
rgb(54, 99, 124)
RGBA
rgba(54, 99, 124, 1)
HSL
hsl(201, 39%, 35%)
HSV
hsv(201, 56%, 49%)
LAB
lab(39.85% -7.73 -18.73)
LCH
lch(39.85% 20.26 247.57)
OKLAB
oklab(0.4782 -0.0371 -0.0522)
OKLCH
oklch(0.4782 0.064 234.6)
XYZ
xyz(9.62, 11.16, 20.71)
CMYK
cmyk(56%, 20%, 0%, 51%)
CSS
color: #36637c;
CSS variable
--color-36637c: #36637c;
SCSS
$color-36637c: #36637c;
Tailwind
sky-600
Export
:root {
--#36637c-1: #36637c;
}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.