Preview
#555c63
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.78:1 · vs black: 3.1:1
HEX
#555c63
RGB
rgb(85, 92, 99)
RGBA
rgba(85, 92, 99, 1)
HSL
hsl(210, 8%, 36%)
HSV
hsv(210, 14%, 39%)
LAB
lab(38.7% -1.12 -4.94)
LCH
lch(38.7% 5.07 257.23)
OKLAB
oklab(0.4711 -0.0053 -0.0133)
OKLCH
oklch(0.4711 0.0143 248.27)
XYZ
xyz(9.83, 10.49, 13.31)
CMYK
cmyk(14%, 7%, 0%, 61%)
CSS
color: #555c63;
CSS variable
--color-555c63: #555c63;
SCSS
$color-555c63: #555c63;
Tailwind
sky-600
Export
:root {
--#555c63-1: #555c63;
}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.