Preview
#2d3034
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.26:1 · vs black: 1.58:1
HEX
#2d3034
RGB
rgb(45, 48, 52)
RGBA
rgba(45, 48, 52, 1)
HSL
hsl(214, 7%, 19%)
HSV
hsv(214, 13%, 20%)
LAB
lab(19.72% -0.3 -3)
LCH
lch(19.72% 3.01 264.29)
OKLAB
oklab(0.3078 -0.0021 -0.0081)
OKLCH
oklch(0.3078 0.0084 255.47)
XYZ
xyz(2.76, 2.92, 3.67)
CMYK
cmyk(13%, 8%, 0%, 80%)
CSS
color: #2d3034;
CSS variable
--color-2d3034: #2d3034;
SCSS
$color-2d3034: #2d3034;
Tailwind
slate-800
Export
:root {
--#2d3034-1: #2d3034;
}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.