Nearest named color · #3E3C2F
#3E3C2F
Nearest named color: Graphite
#3E3C2F (rgb(62 60 47), hsl(52 14% 21%), oklch(0.354 0.022 100.1)) is closest to the named color Graphite. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3E3C2F
oklch(0.354 0.022 100.1)
Color conversions
- HEX
- #3e3c2f
- RGB
- rgb(62 60 47)
- HSL
- hsl(52 14% 21%)
- HWB
- hwb(52 18% 76%)
- OKLCH
- oklch(0.354 0.022 100.1)
- OKLab
- oklab(0.354 -0.004 0.021)
- CIE Lab
- lab(25.21 -1.04 8.41)
- LCH
- lch(25.21 8.47 97.1)
- CMYK
- cmyk(0% 3% 24% 76%)
Tints · Shades · Tones
Tints
- 4F4D41
- 615F54
- 737167
- 85847B
- 999890
- ACABA5
- C0C0BB
- D5D4D1
- EAEAE8
Shades
- 353327
- 2B2A20
- 232119
- 1A1912
- 12110C
- 0A0A06
- 040403
- 010101
- 000000
Tones
- 444237
- 4B493E
- 515046
- 57564E
- 5E5D56
- 65645E
- 6B6B67
- 72726F
- 797977
Color harmonies
Complementary +180°
- 3E3C2F
Graphite
- 393A47
≈ Mountain Fig
Analogous -30° +30°
- 3E3C2F
Graphite
- 433A2F
≈ Batch Brew
- 383E32
≈ Aged Pine
Triadic +120° +240°
- 3E3C2F
Graphite
- 2F3E44
≈ Big Stone
- 44373F
≈ Priceless Purple
Split-complementary +150° +210°
- 3E3C2F
Graphite
- 333D47
≈ Do Not Disturb
- 3F3944
≈ Ship Grey
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 11.09:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.89:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--graphite: #3e3c2f;
--graphite-rgb: 62 60 47;
--graphite-oklch: oklch(0.354 0.022 100.1);
}
.element {
color: var(--graphite);
background-color: hsl(52 14% 21%);
border-color: oklch(0.354 0.022 100.1);
}Tailwind CSS v4
@theme {
--color-graphite: #3e3c2f;
--color-graphite-50: #f6f5ee;
--color-graphite-100: #e9e8e0;
--color-graphite-200: #d6d5ca;
--color-graphite-300: #b9b8ac;
--color-graphite-400: #a19f91;
--color-graphite-500: #898777;
--color-graphite-600: #747264;
--color-graphite-700: #5d5b50;
--color-graphite-800: #44433a;
--color-graphite-900: #2f2e28;
--color-graphite-950: #1c1b16;
}SCSS
$graphite: #3e3c2f;
$graphite-rgb: 62, 60, 47;
$graphite-light: mix(#fff, $graphite, 20%);
$graphite-dark: mix(#000, $graphite, 20%);
.element {
color: $graphite;
box-shadow: 0 0 0 2px rgba($graphite, 0.35);
}