Preview
#3c433f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.16:1 · vs black: 2.07:1
HEX
#3c433f
RGB
rgb(60, 67, 63)
RGBA
rgba(60, 67, 63, 1)
HSL
hsl(146, 6%, 25%)
HSV
hsv(146, 10%, 26%)
LAB
lab(27.67% -3.81 1.44)
LCH
lch(27.67% 4.07 159.3)
OKLAB
oklab(0.375 -0.0108 0.0038)
OKLCH
oklch(0.375 0.0114 160.62)
XYZ
xyz(4.77, 5.33, 5.48)
CMYK
cmyk(10%, 0%, 6%, 74%)
CSS
color: #3c433f;
CSS variable
--color-3c433f: #3c433f;
SCSS
$color-3c433f: #3c433f;
Tailwind
slate-700
Export
:root {
--#3c433f-1: #3c433f;
}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.