Preview
#445155
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.22:1 · vs black: 2.55:1
HEX
#445155
RGB
rgb(68, 81, 85)
RGBA
rgba(68, 81, 85, 1)
HSL
hsl(194, 11%, 30%)
HSV
hsv(194, 20%, 33%)
LAB
lab(33.5% -4.11 -4.06)
LCH
lch(33.5% 5.78 224.65)
OKLAB
oklab(0.4251 -0.0139 -0.011)
OKLCH
oklch(0.4251 0.0177 218.36)
XYZ
xyz(6.97, 7.77, 9.73)
CMYK
cmyk(20%, 5%, 0%, 67%)
CSS
color: #445155;
CSS variable
--color-445155: #445155;
SCSS
$color-445155: #445155;
Tailwind
cyan-700
Export
:root {
--#445155-1: #445155;
}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.