Preview
#363a3c
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.49:1 · vs black: 1.83:1
HEX
#363a3c
RGB
rgb(54, 58, 60)
RGBA
rgba(54, 58, 60, 1)
HSL
hsl(200, 5%, 22%)
HSV
hsv(200, 10%, 24%)
LAB
lab(24.12% -1.21 -1.82)
LCH
lch(24.12% 2.19 236.38)
OKLAB
oklab(0.3454 -0.0043 -0.0049)
OKLCH
oklch(0.3454 0.0065 228.73)
XYZ
xyz(3.85, 4.14, 4.87)
CMYK
cmyk(10%, 3%, 0%, 76%)
CSS
color: #363a3c;
CSS variable
--color-363a3c: #363a3c;
SCSS
$color-363a3c: #363a3c;
Tailwind
slate-700
Export
:root {
--#363a3c-1: #363a3c;
}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.