Benannte Farbe · #4A0100
Old Mahogany
Old Mahogany ist #4A0100: rgb(74 1 0), hsl(1 100% 15%), oklch(0.258 0.104 29.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Old Mahogany color name →
#4A0100
oklch(0.258 0.104 29.7)
Farbumrechnungen
- HEX
- #4a0100
- RGB
- rgb(74 1 0)
- HSL
- hsl(1 100% 15%)
- HWB
- hwb(1 0% 71%)
- OKLCH
- oklch(0.258 0.104 29.7)
- OKLab
- oklab(0.258 0.091 0.052)
- CIE Lab
- lab(12.89 32.68 20.37)
- LCH
- lch(12.89 38.51 31.9)
- CMYK
- cmyk(0% 99% 100% 71%)
Tints · Shades · Tones
Tints
- 5D1E16
- 70362E
- 824D45
- 94655D
- A67D76
- B89690
- CAB0AB
- DCCAC6
- EDE4E2
Shades
- 3F0100
- 350100
- 2A0000
- 200000
- 170000
- 0E0000
- 060000
- 020000
- 000000
Tones
- 51120C
- 582019
- 5E2D26
- 643932
- 69453F
- 6F504B
- 735C58
- 786865
- 7C7472
Farbharmonien
Komplementär +180°
- 4A0100
Old Mahogany
- 00292F
≈ Daintree
Analog -30° +30°
- 4A0100
Old Mahogany
- 470022
≈ Blaze It Dark Magenta
- 381B00
≈ Powdered Cocoa
Triadisch +120° +240°
- 4A0100
Old Mahogany
- 002D0F
≈ Haunted Forest
- 111B55
≈ Downriver
Geteilt komplementär +150° +210°
- 4A0100
Old Mahogany
- 002B24
≈ Deep Slate Green
- 00273D
≈ Murky Depths
Tetradisch +90° +180° +270°
- 4A0100
Old Mahogany
- 202700
≈ Lindworm Green
- 00292F
≈ Daintree
- 2C114D
≈ Oily Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.20:1 · APCA Lc 102
Ag
FailAuf Schwarz
WCAG 1.29:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.20:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
CSS
:root {
--old-mahogany: #4a0100;
--old-mahogany-rgb: 74 1 0;
--old-mahogany-oklch: oklch(0.258 0.104 29.7);
}
.element {
color: var(--old-mahogany);
background-color: hsl(1 100% 15%);
border-color: oklch(0.258 0.104 29.7);
}Tailwind CSS v4
@theme {
--color-old-mahogany: #4a0100;
--color-old-mahogany-50: #ffebe3;
--color-old-mahogany-100: #ffdcd3;
--color-old-mahogany-200: #fec5b9;
--color-old-mahogany-300: #e8a496;
--color-old-mahogany-400: #d5867a;
--color-old-mahogany-500: #c2695c;
--color-old-mahogany-600: #a35a4f;
--color-old-mahogany-700: #83483e;
--color-old-mahogany-800: #62332e;
--color-old-mahogany-900: #45231f;
--color-old-mahogany-950: #2c120f;
}SCSS
$old-mahogany: #4a0100;
$old-mahogany-rgb: 74, 1, 0;
$old-mahogany-light: mix(#fff, $old-mahogany, 20%);
$old-mahogany-dark: mix(#000, $old-mahogany, 20%);
.element {
color: $old-mahogany;
box-shadow: 0 0 0 2px rgba($old-mahogany, 0.35);
}