Benannte Farbe · #604944
Rich Mahogany
Rich Mahogany ist #604944: rgb(96 73 68), hsl(11 17% 32%), oklch(0.428 0.033 32.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rich Mahogany color name →
#604944
oklch(0.428 0.033 32.5)
Farbumrechnungen
- HEX
- #604944
- RGB
- rgb(96 73 68)
- HSL
- hsl(11 17% 32%)
- HWB
- hwb(11 27% 62%)
- OKLCH
- oklch(0.428 0.033 32.5)
- OKLab
- oklab(0.428 0.028 0.018)
- CIE Lab
- lab(33.41 9.48 6.97)
- LCH
- lch(33.41 11.77 36.3)
- CMYK
- cmyk(0% 24% 29% 62%)
Tints · Shades · Tones
Tints
- 6F5955
- 7E6A66
- 8D7B78
- 9D8D8A
- AD9F9C
- BDB2AF
- CDC5C3
- DDD8D6
- EEEBEB
Shades
- 523E3A
- 453430
- 382A26
- 2C201D
- 201714
- 150E0C
- 0A0605
- 030202
- 000000
Tones
- 634E4A
- 675450
- 6A5955
- 6D5F5B
- 706461
- 736A67
- 776F6D
- 7A7574
- 7D7A7A
Farbharmonien
Komplementär +180°
- 604944
Rich Mahogany
- 3A545A
≈ Almost Famous
Analog -30° +30°
- 604944
Rich Mahogany
- 5F484E
≈ Raisin
- 5D4C3D
≈ Half-Caff
Triadisch +120° +240°
- 604944
Rich Mahogany
- 425547
≈ Deep Jungle
- 494E62
≈ Tried & True Blue
Geteilt komplementär +150° +210°
- 604944
Rich Mahogany
- 3B5551
≈ Bistro Green
- 405260
≈ Orion Blue
Tetradisch +90° +180° +270°
- 604944
Rich Mahogany
- 4C523F
≈ Kelp
- 3A545A
≈ Almost Famous
- 534B5F
≈ Mulled Wine
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.28:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.53:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--rich-mahogany: #604944;
--rich-mahogany-rgb: 96 73 68;
--rich-mahogany-oklch: oklch(0.428 0.033 32.5);
}
.element {
color: var(--rich-mahogany);
background-color: hsl(11 17% 32%);
border-color: oklch(0.428 0.033 32.5);
}Tailwind CSS v4
@theme {
--color-rich-mahogany: #604944;
--color-rich-mahogany-50: #fef2ef;
--color-rich-mahogany-100: #f2e4e1;
--color-rich-mahogany-200: #e2d0cb;
--color-rich-mahogany-300: #c7b2ac;
--color-rich-mahogany-400: #b19892;
--color-rich-mahogany-500: #9b7f79;
--color-rich-mahogany-600: #836b66;
--color-rich-mahogany-700: #695652;
--color-rich-mahogany-800: #4d3e3c;
--color-rich-mahogany-900: #362b29;
--color-rich-mahogany-950: #211817;
}SCSS
$rich-mahogany: #604944;
$rich-mahogany-rgb: 96, 73, 68;
$rich-mahogany-light: mix(#fff, $rich-mahogany, 20%);
$rich-mahogany-dark: mix(#000, $rich-mahogany, 20%);
.element {
color: $rich-mahogany;
box-shadow: 0 0 0 2px rgba($rich-mahogany, 0.35);
}