Preview
#373d36
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.15:1 · vs black: 1.88:1
HEX
#373d36
RGB
rgb(55, 61, 54)
RGBA
rgba(55, 61, 54, 1)
HSL
hsl(111, 6%, 23%)
HSV
hsv(111, 11%, 24%)
LAB
lab(25% -4.13 3.46)
LCH
lch(25% 5.39 140.04)
OKLAB
oklab(0.352 -0.0112 0.009)
OKLCH
oklch(0.352 0.0144 141.22)
XYZ
xyz(3.91, 4.42, 4.14)
CMYK
cmyk(10%, 0%, 11%, 76%)
CSS
color: #373d36;
CSS variable
--color-373d36: #373d36;
SCSS
$color-373d36: #373d36;
Tailwind
slate-700
Export
:root {
--#373d36-1: #373d36;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.