Preview
#363c38
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.29:1 · vs black: 1.86:1
HEX
#363c38
RGB
rgb(54, 60, 56)
RGBA
rgba(54, 60, 56, 1)
HSL
hsl(140, 5%, 22%)
HSV
hsv(140, 10%, 24%)
LAB
lab(24.64% -3.46 1.61)
LCH
lch(24.64% 3.82 155.05)
OKLAB
oklab(0.3491 -0.0097 0.0042)
OKLCH
oklch(0.3491 0.0106 156.59)
XYZ
xyz(3.85, 4.30, 4.37)
CMYK
cmyk(10%, 0%, 7%, 76%)
CSS
color: #363c38;
CSS variable
--color-363c38: #363c38;
SCSS
$color-363c38: #363c38;
Tailwind
slate-700
Export
:root {
--#363c38-1: #363c38;
}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.