Preview
#3d413a
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.42:1 · vs black: 2.02:1
HEX
#3d413a
RGB
rgb(61, 65, 58)
RGBA
rgba(61, 65, 58, 1)
HSL
hsl(94, 6%, 24%)
HSV
hsv(94, 11%, 25%)
LAB
lab(26.96% -3.23 3.7)
LCH
lch(26.96% 4.91 131.12)
OKLAB
oklab(0.3691 -0.0086 0.0096)
OKLCH
oklch(0.3691 0.0129 131.86)
XYZ
xyz(4.58, 5.08, 4.74)
CMYK
cmyk(6%, 0%, 11%, 75%)
CSS
color: #3d413a;
CSS variable
--color-3d413a: #3d413a;
SCSS
$color-3d413a: #3d413a;
Tailwind
slate-700
Export
:root {
--#3d413a-1: #3d413a;
}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.