Benannte Farbe · #9D4531
Burnt Earth
Burnt Earth ist #9D4531: rgb(157 69 49), hsl(11 52% 40%), oklch(0.502 0.122 34.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burnt Earth color name →
#9D4531
oklch(0.502 0.122 34.2)
Farbumrechnungen
- HEX
- #9d4531
- RGB
- rgb(157 69 49)
- HSL
- hsl(11 52% 40%)
- HWB
- hwb(11 19% 38%)
- OKLCH
- oklch(0.502 0.122 34.2)
- OKLab
- oklab(0.502 0.101 0.069)
- CIE Lab
- lab(41.14 36.42 30.54)
- LCH
- lch(41.14 47.53 40)
- CMYK
- cmyk(0% 56% 69% 38%)
Tints · Shades · Tones
Tints
- A85845
- B36A59
- BE7C6D
- C88F81
- D2A195
- DBB3A9
- E5C6BE
- EED9D4
- F7ECE9
Shades
- 883B29
- 733122
- 5F271A
- 4C1E13
- 3A150C
- 280C06
- 180503
- 090201
- 010000
Tones
- 9B4C3A
- 995342
- 97594A
- 955F52
- 92655A
- 8F6B62
- 8C7069
- 887671
- 847B78
Farbharmonien
Komplementär +180°
- 9D4531
Burnt Earth
- 007082
≈ Caribbean Dream
Analog -30° +30°
- 9D4531
Burnt Earth
- 9B415B
≈ Velvet Wine
- 8F5300
≈ Plain Old Brown
Triadisch +120° +240°
- 9D4531
Burnt Earth
- 0C7742
≈ Succulents
- 4F5CA9
≈ Chinese Bellflower
Geteilt komplementär +150° +210°
- 9D4531
Burnt Earth
- 00746A
≈ Hawk Turquoise
- 0569A4
≈ Medium Persian Blue
Tetradisch +90° +180° +270°
- 9D4531
Burnt Earth
- 556F06
≈ Over the Hills
- 007082
≈ Caribbean Dream
- 734F9C
≈ Parfait d’Amour
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.30:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.32:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--burnt-earth: #9d4531;
--burnt-earth-rgb: 157 69 49;
--burnt-earth-oklch: oklch(0.502 0.122 34.2);
}
.element {
color: var(--burnt-earth);
background-color: hsl(11 52% 40%);
border-color: oklch(0.502 0.122 34.2);
}Tailwind CSS v4
@theme {
--color-burnt-earth: #9d4531;
--color-burnt-earth-50: #ffeadd;
--color-burnt-earth-100: #ffdacc;
--color-burnt-earth-200: #ffc2b0;
--color-burnt-earth-300: #efa18c;
--color-burnt-earth-400: #dd836d;
--color-burnt-earth-500: #ca644d;
--color-burnt-earth-600: #aa5542;
--color-burnt-earth-700: #894434;
--color-burnt-earth-800: #663026;
--color-burnt-earth-900: #482119;
--color-burnt-earth-950: #2f100a;
}SCSS
$burnt-earth: #9d4531;
$burnt-earth-rgb: 157, 69, 49;
$burnt-earth-light: mix(#fff, $burnt-earth, 20%);
$burnt-earth-dark: mix(#000, $burnt-earth, 20%);
.element {
color: $burnt-earth;
box-shadow: 0 0 0 2px rgba($burnt-earth, 0.35);
}