Benannte Farbe · #A0403E
Burning Bush
Burning Bush ist #A0403E: rgb(160 64 62), hsl(1 44% 44%), oklch(0.501 0.129 24.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burning Bush color name →
#A0403E
oklch(0.501 0.129 24.1)
Farbumrechnungen
- HEX
- #a0403e
- RGB
- rgb(160 64 62)
- HSL
- hsl(1 44% 44%)
- HWB
- hwb(1 24% 37%)
- OKLCH
- oklch(0.501 0.129 24.1)
- OKLab
- oklab(0.501 0.117 0.052)
- CIE Lab
- lab(40.88 40.55 22.63)
- LCH
- lch(40.88 46.44 29.2)
- CMYK
- cmyk(0% 60% 61% 37%)
Tints · Shades · Tones
Tints
- AB5450
- B66762
- C07975
- CA8C87
- D49F9A
- DDB2AE
- E6C5C2
- EFD8D6
- F7EBEA
Shades
- 8B3635
- 762D2B
- 612423
- 4E1B1A
- 3B1312
- 290B0A
- 190504
- 090101
- 010000
Tones
- 9E4845
- 9C4F4C
- 995652
- 975D59
- 94635F
- 916966
- 8D6F6C
- 897573
- 857A79
Farbharmonien
Komplementär +180°
- A0403E
Burning Bush
- 00717A
≈ Scurf Green
Analog -30° +30°
- A0403E
Burning Bush
- 993F69
≈ Dynamo
- 994B00
≈ Brownie
Triadisch +120° +240°
- A0403E
Burning Bush
- 2C762F
≈ Japanese Laurel
- 3D60AC
≈ Kakitsubata Blue
Geteilt komplementär +150° +210°
- A0403E
Burning Bush
- 00755F
≈ Tropical Rainforest
- 006C96
≈ Cairns
Tetradisch +90° +180° +270°
- A0403E
Burning Bush
- 636A00
≈ Earthy Khaki Green
- 00717A
≈ Scurf Green
- 6952A5
≈ Ultrapurple Merge
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.36:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--burning-bush: #a0403e;
--burning-bush-rgb: 160 64 62;
--burning-bush-oklch: oklch(0.501 0.129 24.1);
}
.element {
color: var(--burning-bush);
background-color: hsl(1 44% 44%);
border-color: oklch(0.501 0.129 24.1);
}Tailwind CSS v4
@theme {
--color-burning-bush: #a0403e;
--color-burning-bush-50: #ffe8e2;
--color-burning-bush-100: #ffd8d2;
--color-burning-bush-200: #ffc0b8;
--color-burning-bush-300: #f29e95;
--color-burning-bush-400: #e07e79;
--color-burning-bush-500: #cd5f5b;
--color-burning-bush-600: #ae514e;
--color-burning-bush-700: #8b413e;
--color-burning-bush-800: #682e2e;
--color-burning-bush-900: #491f1f;
--color-burning-bush-950: #300e0f;
}SCSS
$burning-bush: #a0403e;
$burning-bush-rgb: 160, 64, 62;
$burning-bush-light: mix(#fff, $burning-bush, 20%);
$burning-bush-dark: mix(#000, $burning-bush, 20%);
.element {
color: $burning-bush;
box-shadow: 0 0 0 2px rgba($burning-bush, 0.35);
}