Benannte Farbe · #984218
Hot Brown
Hot Brown ist #984218: rgb(152 66 24), hsl(20 73% 35%), oklch(0.486 0.127 43.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Hot Brown color name →
#984218
oklch(0.486 0.127 43.4)
Farbumrechnungen
- HEX
- #984218
- RGB
- rgb(152 66 24)
- HSL
- hsl(20 73% 35%)
- HWB
- hwb(20 9% 40%)
- OKLCH
- oklch(0.486 0.127 43.4)
- OKLab
- oklab(0.486 0.092 0.087)
- CIE Lab
- lab(39.49 35.11 41.74)
- LCH
- lch(39.49 54.54 49.9)
- CMYK
- cmyk(0% 57% 84% 40%)
Tints · Shades · Tones
Tints
- A45533
- AF684A
- BA7A60
- C58D76
- CF9F8C
- D9B2A2
- E3C5B9
- EDD8D0
- F6ECE7
Shades
- 843813
- 702F0F
- 5C250A
- 4A1C07
- 381404
- 270B02
- 170501
- 080100
- 010000
Tones
- 974927
- 955033
- 94573E
- 925D48
- 8F6451
- 8D6A5B
- 8A6F64
- 87756E
- 847B77
Farbharmonien
Komplementär +180°
- 984218
Hot Brown
- 006A85
≈ Ansel
Analog -30° +30°
- 984218
Hot Brown
- 9A3B4A
≈ Romp
- 825500
≈ Intense Brown
Triadisch +120° +240°
- 984218
Hot Brown
- 00714E
≈ Lush Meadow
- 5853A4
≈ Brandywine Raspberry
Geteilt komplementär +150° +210°
- 984218
Hot Brown
- 006E6D
≈ Caribbean Current
- 2160A5
≈ Drakenhof Nightshade
Tetradisch +90° +180° +270°
- 984218
Hot Brown
- 406E14
≈ Forest Empress
- 006A85
≈ Ansel
- 784691
≈ Purple Sapphire
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.71:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--hot-brown: #984218;
--hot-brown-rgb: 152 66 24;
--hot-brown-oklch: oklch(0.486 0.127 43.4);
}
.element {
color: var(--hot-brown);
background-color: hsl(20 73% 35%);
border-color: oklch(0.486 0.127 43.4);
}Tailwind CSS v4
@theme {
--color-hot-brown: #984218;
--color-hot-brown-50: #ffebd8;
--color-hot-brown-100: #ffdbc5;
--color-hot-brown-200: #ffc4a7;
--color-hot-brown-300: #eea380;
--color-hot-brown-400: #dc845f;
--color-hot-brown-500: #ca6639;
--color-hot-brown-600: #aa5732;
--color-hot-brown-700: #894527;
--color-hot-brown-800: #66311d;
--color-hot-brown-900: #482213;
--color-hot-brown-950: #2f1005;
}SCSS
$hot-brown: #984218;
$hot-brown-rgb: 152, 66, 24;
$hot-brown-light: mix(#fff, $hot-brown, 20%);
$hot-brown-dark: mix(#000, $hot-brown, 20%);
.element {
color: $hot-brown;
box-shadow: 0 0 0 2px rgba($hot-brown, 0.35);
}