Preview
#595e68
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.51:1 · vs black: 3.23:1
HEX
#595e68
RGB
rgb(89, 94, 104)
RGBA
rgba(89, 94, 104, 1)
HSL
hsl(220, 8%, 38%)
HSV
hsv(220, 14%, 41%)
LAB
lab(39.8% 0.33 -6.36)
LCH
lch(39.8% 6.37 272.97)
OKLAB
oklab(0.4811 -0.0017 -0.0172)
OKLCH
oklch(0.4811 0.0173 264.36)
XYZ
xyz(10.62, 11.13, 14.68)
CMYK
cmyk(14%, 10%, 0%, 59%)
CSS
color: #595e68;
CSS variable
--color-595e68: #595e68;
SCSS
$color-595e68: #595e68;
Tailwind
blue-600
Export
:root {
--#595e68-1: #595e68;
}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.