Preview
#3b403f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.55:1 · vs black: 1.99:1
HEX
#3b403f
RGB
rgb(59, 64, 63)
RGBA
rgba(59, 64, 63, 1)
HSL
hsl(168, 4%, 24%)
HSV
hsv(168, 8%, 25%)
LAB
lab(26.61% -2.32 -0.11)
LCH
lch(26.61% 2.32 182.71)
OKLAB
oklab(0.3664 -0.0069 -0.0003)
OKLCH
oklch(0.3664 0.0069 182.49)
XYZ
xyz(4.53, 4.96, 5.42)
CMYK
cmyk(8%, 0%, 2%, 75%)
CSS
color: #3b403f;
CSS variable
--color-3b403f: #3b403f;
SCSS
$color-3b403f: #3b403f;
Tailwind
slate-700
Export
:root {
--#3b403f-1: #3b403f;
}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.