Preview
#555c65
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.76:1 · vs black: 3.11:1
HEX
#555c65
RGB
rgb(85, 92, 101)
RGBA
rgba(85, 92, 101, 1)
HSL
hsl(214, 9%, 36%)
HSV
hsv(214, 16%, 40%)
LAB
lab(38.77% -0.65 -6.08)
LCH
lch(38.77% 6.11 263.9)
OKLAB
oklab(0.4719 -0.0045 -0.0164)
OKLCH
oklch(0.4719 0.017 254.66)
XYZ
xyz(9.92, 10.52, 13.82)
CMYK
cmyk(16%, 9%, 0%, 60%)
CSS
color: #555c65;
CSS variable
--color-555c65: #555c65;
SCSS
$color-555c65: #555c65;
Tailwind
sky-600
Export
:root {
--#555c65-1: #555c65;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.