Preview
#453c41
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.63:1 · vs black: 1.98:1
HEX
#453c41
RGB
rgb(69, 60, 65)
RGBA
rgba(69, 60, 65, 1)
HSL
hsl(327, 7%, 25%)
HSV
hsv(327, 13%, 27%)
LAB
lab(26.39% 4.95 -1.64)
LCH
lch(26.39% 5.21 341.67)
OKLAB
oklab(0.3673 0.0143 -0.0043)
OKLCH
oklch(0.3673 0.0149 343.26)
XYZ
xyz(5.02, 4.88, 5.68)
CMYK
cmyk(0%, 13%, 6%, 73%)
CSS
color: #453c41;
CSS variable
--color-453c41: #453c41;
SCSS
$color-453c41: #453c41;
Tailwind
slate-700
Export
:root {
--#453c41-1: #453c41;
}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.