Preview
#3e413e
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.34:1 · vs black: 2.03:1
HEX
#3e413e
RGB
rgb(62, 65, 62)
RGBA
rgba(62, 65, 62, 1)
HSL
hsl(120, 2%, 25%)
HSV
hsv(120, 5%, 25%)
LAB
lab(27.16% -1.93 1.39)
LCH
lch(27.16% 2.38 144.24)
OKLAB
oklab(0.3714 -0.0053 0.0037)
OKLCH
oklch(0.3714 0.0065 145.08)
XYZ
xyz(4.75, 5.15, 5.30)
CMYK
cmyk(5%, 0%, 5%, 75%)
CSS
color: #3e413e;
CSS variable
--color-3e413e: #3e413e;
SCSS
$color-3e413e: #3e413e;
Tailwind
slate-700
Export
:root {
--#3e413e-1: #3e413e;
}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.