Preview
#473f45
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.17:1 · vs black: 2.06:1
HEX
#473f45
RGB
rgb(71, 63, 69)
RGBA
rgba(71, 63, 69, 1)
HSL
hsl(315, 6%, 26%)
HSV
hsv(315, 11%, 28%)
LAB
lab(27.64% 4.71 -2.4)
LCH
lch(27.64% 5.29 333)
OKLAB
oklab(0.378 0.0133 -0.0063)
OKLCH
oklch(0.378 0.0147 334.65)
XYZ
xyz(5.45, 5.32, 6.37)
CMYK
cmyk(0%, 11%, 3%, 72%)
CSS
color: #473f45;
CSS variable
--color-473f45: #473f45;
SCSS
$color-473f45: #473f45;
Tailwind
slate-700
Export
:root {
--#473f45-1: #473f45;
}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.