Named color · #6A332D
Cherry Mahogany
Cherry Mahogany is #6A332D: rgb(106 51 45), hsl(6 40% 30%), oklch(0.392 0.08 27.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Cherry Mahogany color name →
#6A332D
oklch(0.392 0.08 27.7)
Color conversions
- HEX
- #6a332d
- RGB
- rgb(106 51 45)
- HSL
- hsl(6 40% 30%)
- HWB
- hwb(6 18% 58%)
- OKLCH
- oklch(0.392 0.08 27.7)
- OKLab
- oklab(0.392 0.071 0.037)
- CIE Lab
- lab(28.74 24.62 15.67)
- LCH
- lch(28.74 29.18 32.5)
- CMYK
- cmyk(0% 52% 58% 58%)
Tints · Shades · Tones
Tints
- 794640
- 885953
- 976C66
- A6807B
- B59490
- C4A9A5
- D3BEBB
- E1D3D1
- F0E9E8
Shades
- 5B2B26
- 4D231F
- 3F1C18
- 311411
- 240D0B
- 180706
- 0D0302
- 040101
- 000000
Tones
- 6D3B35
- 70433D
- 734A45
- 75524D
- 775A56
- 7A615E
- 7B6966
- 7D716F
- 7F7877
Color harmonies
Complementary +180°
- 6A332D
Cherry Mahogany
- 004F58
≈ Deep Atlantic Blue
Analogous -30° +30°
- 6A332D
Cherry Mahogany
- 673246
≈ Wine Dregs
- 653913
≈ Brown
Triadic +120° +240°
- 6A332D
Cherry Mahogany
- 24512C
≈ Moor-Monster
- 334370
≈ Space Missions
Split-complementary +150° +210°
- 6A332D
Cherry Mahogany
- 005245
≈ Tetsu Green
- 0D4B6B
≈ Tanzanite Blue
Tetradic +90° +180° +270°
- 6A332D
Cherry Mahogany
- 424B11
≈ No Emissions Green
- 004F58
≈ Deep Atlantic Blue
- 4B3B6B
≈ Meteorite
Contrast & accessibility
Ag
AAAOn white
WCAG 9.88:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.12:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.88:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--cherry-mahogany: #6a332d;
--cherry-mahogany-rgb: 106 51 45;
--cherry-mahogany-oklch: oklch(0.392 0.08 27.7);
}
.element {
color: var(--cherry-mahogany);
background-color: hsl(6 40% 30%);
border-color: oklch(0.392 0.08 27.7);
}Tailwind CSS v4
@theme {
--color-cherry-mahogany: #6a332d;
--color-cherry-mahogany-50: #ffede8;
--color-cherry-mahogany-100: #ffdfd8;
--color-cherry-mahogany-200: #f5c8c0;
--color-cherry-mahogany-300: #dda9a0;
--color-cherry-mahogany-400: #c98d84;
--color-cherry-mahogany-500: #b57169;
--color-cherry-mahogany-600: #996059;
--color-cherry-mahogany-700: #7b4d47;
--color-cherry-mahogany-800: #5b3734;
--color-cherry-mahogany-900: #402623;
--color-cherry-mahogany-950: #281412;
}SCSS
$cherry-mahogany: #6a332d;
$cherry-mahogany-rgb: 106, 51, 45;
$cherry-mahogany-light: mix(#fff, $cherry-mahogany, 20%);
$cherry-mahogany-dark: mix(#000, $cherry-mahogany, 20%);
.element {
color: $cherry-mahogany;
box-shadow: 0 0 0 2px rgba($cherry-mahogany, 0.35);
}