Preview
#363c39
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.28:1 · vs black: 1.86:1
HEX
#363c39
RGB
rgb(54, 60, 57)
RGBA
rgba(54, 60, 57, 1)
HSL
hsl(150, 5%, 22%)
HSV
hsv(150, 10%, 24%)
LAB
lab(24.68% -3.23 0.99)
LCH
lch(24.68% 3.38 162.96)
OKLAB
oklab(0.3494 -0.0092 0.0026)
OKLCH
oklch(0.3494 0.0096 164.22)
XYZ
xyz(3.88, 4.31, 4.50)
CMYK
cmyk(10%, 0%, 5%, 76%)
CSS
color: #363c39;
CSS variable
--color-363c39: #363c39;
SCSS
$color-363c39: #363c39;
Tailwind
slate-700
Export
:root {
--#363c39-1: #363c39;
}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.