Preview
#493f3f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.16:1 · vs black: 2.07:1
HEX
#493f3f
RGB
rgb(73, 63, 63)
RGBA
rgba(73, 63, 63, 1)
HSL
hsl(0, 7%, 27%)
HSV
hsv(0, 14%, 29%)
LAB
lab(27.66% 4.31 1.59)
LCH
lch(27.66% 4.59 20.25)
OKLAB
oklab(0.378 0.0132 0.0042)
OKLCH
oklch(0.378 0.0139 17.65)
XYZ
xyz(5.42, 5.33, 5.44)
CMYK
cmyk(0%, 14%, 14%, 71%)
CSS
color: #493f3f;
CSS variable
--color-493f3f: #493f3f;
SCSS
$color-493f3f: #493f3f;
Tailwind
slate-700
Export
:root {
--#493f3f-1: #493f3f;
}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.