Nearest named color · #794B3F
#794B3F
Nearest named color: Nutmeg
#794B3F (rgb(121 75 63), hsl(12 32% 36%), oklch(0.462 0.066 35.4)) is closest to the named color Nutmeg. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#794B3F
oklch(0.462 0.066 35.4)
Color conversions
- HEX
- #794b3f
- RGB
- rgb(121 75 63)
- HSL
- hsl(12 32% 36%)
- HWB
- hwb(12 25% 53%)
- OKLCH
- oklch(0.462 0.066 35.4)
- OKLab
- oklab(0.462 0.054 0.038)
- CIE Lab
- lab(37.11 19.01 15.74)
- LCH
- lch(37.11 24.67 39.6)
- CMYK
- cmyk(0% 38% 48% 53%)
Tints · Shades · Tones
Tints
- 865C50
- 946D62
- A17E74
- AE8F87
- BCA19A
- C9B3AE
- D7C6C1
- E4D9D6
- F1ECEA
Shades
- 684035
- 58352C
- 482B23
- 39211B
- 2B1712
- 1D0E0A
- 100604
- 050201
- 010000
Tones
- 7A5045
- 7B564C
- 7C5B52
- 7D6059
- 7E665F
- 7F6B66
- 7F706C
- 807573
- 807B79
Color harmonies
Complementary +180°
- 794B3F
Nutmeg
- 246270
≈ Excellence
Analogous -30° +30°
- 794B3F
Nutmeg
- 784953
≈ Nocturne Red
- 72512F
≈ Chocolate Rain
Triadic +120° +240°
- 794B3F
Nutmeg
- 386449
≈ Black Pine Green
- 4E567E
≈ Deep Indigo
Split-complementary +150° +210°
- 794B3F
Nutmeg
- 24655E
≈ Alliance
- 385C7B
≈ Matisse
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.26:1 · APCA Lc 85
Ag
FailOn black
WCAG 2.89:1 · APCA Lc 17
Best text color: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--nutmeg: #794b3f;
--nutmeg-rgb: 121 75 63;
--nutmeg-oklch: oklch(0.462 0.066 35.4);
}
.element {
color: var(--nutmeg);
background-color: hsl(12 32% 36%);
border-color: oklch(0.462 0.066 35.4);
}Tailwind CSS v4
@theme {
--color-nutmeg: #794b3f;
--color-nutmeg-50: #ffefe8;
--color-nutmeg-100: #fde1d8;
--color-nutmeg-200: #efcbc1;
--color-nutmeg-300: #d7aca0;
--color-nutmeg-400: #c29184;
--color-nutmeg-500: #ad7768;
--color-nutmeg-600: #926458;
--color-nutmeg-700: #755046;
--color-nutmeg-800: #573a33;
--color-nutmeg-900: #3d2823;
--color-nutmeg-950: #261612;
}SCSS
$nutmeg: #794b3f;
$nutmeg-rgb: 121, 75, 63;
$nutmeg-light: mix(#fff, $nutmeg, 20%);
$nutmeg-dark: mix(#000, $nutmeg, 20%);
.element {
color: $nutmeg;
box-shadow: 0 0 0 2px rgba($nutmeg, 0.35);
}