Preview
#3b3b3f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.15:1 · vs black: 1.88:1
HEX
#3b3b3f
RGB
rgb(59, 59, 63)
RGBA
rgba(59, 59, 63, 1)
HSL
hsl(240, 3%, 24%)
HSV
hsv(240, 6%, 25%)
LAB
lab(25% 0.93 -2.46)
LCH
lch(25% 2.63 290.71)
OKLAB
oklab(0.3538 0.0019 -0.0066)
OKLCH
oklch(0.3538 0.0069 286.06)
XYZ
xyz(4.26, 4.42, 5.33)
CMYK
cmyk(6%, 6%, 0%, 75%)
CSS
color: #3b3b3f;
CSS variable
--color-3b3b3f: #3b3b3f;
SCSS
$color-3b3b3f: #3b3b3f;
Tailwind
slate-700
Export
:root {
--#3b3b3f-1: #3b3b3f;
}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.