Preview
#58656b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.02:1 · vs black: 3.49:1
HEX
#58656b
RGB
rgb(88, 101, 107)
RGBA
rgba(88, 101, 107, 1)
HSL
hsl(199, 10%, 38%)
HSV
hsv(199, 18%, 42%)
LAB
lab(41.91% -3.54 -5.05)
LCH
lch(41.91% 6.17 234.97)
OKLAB
oklab(0.4979 -0.0126 -0.0137)
OKLCH
oklch(0.4979 0.0186 227.4)
XYZ
xyz(11.33, 12.44, 15.71)
CMYK
cmyk(18%, 6%, 0%, 58%)
CSS
color: #58656b;
CSS variable
--color-58656b: #58656b;
SCSS
$color-58656b: #58656b;
Tailwind
cyan-600
Export
:root {
--#58656b-1: #58656b;
}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.