Benannte Farbe · #D82C0D
Dazzling Red
Dazzling Red ist #D82C0D: rgb(216 44 13), hsl(9 89% 45%), oklch(0.572 0.21 31.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dazzling Red color name →
#D82C0D
oklch(0.572 0.21 31.9)
Farbumrechnungen
- HEX
- #d82c0d
- RGB
- rgb(216 44 13)
- HSL
- hsl(9 89% 45%)
- HWB
- hwb(9 5% 15%)
- OKLCH
- oklch(0.572 0.21 31.9)
- OKLab
- oklab(0.572 0.178 0.111)
- CIE Lab
- lab(48.4 64.85 58.58)
- LCH
- lch(48.4 87.39 42.1)
- CMYK
- cmyk(0% 80% 94% 15%)
Tints · Shades · Tones
Tints
- DF4A32
- E6624B
- EB7862
- F18C79
- F5A08F
- F9B3A5
- FCC6BB
- FED9D2
- FFECE8
Shades
- BC250A
- A01E07
- 851705
- 6B1103
- 530A02
- 3B0501
- 250200
- 110100
- 020000
Tones
- D13C24
- CA4933
- C2533F
- BA5B4A
- B26354
- A96A5D
- A07066
- 96766F
- 8B7B78
Farbharmonien
Komplementär +180°
- D82C0D
Dazzling Red
- 00879A
≈ Marker Blue
Analog -30° +30°
- D82C0D
Dazzling Red
- D2256E
≈ Pink Peacock
- AE6300
≈ Ginger
Triadisch +120° +240°
- D82C0D
Dazzling Red
- 009048
≈ Jade Sylph
- 5165F1
≈ Flickering Sea
Geteilt komplementär +150° +210°
- D82C0D
Dazzling Red
- 008B7C
≈ Greenlake
- 007FC0
≈ Honolulu Blue
Tetradisch +90° +180° +270°
- D82C0D
Dazzling Red
- 6B8400
≈ Swamp Green
- 00879A
≈ Marker Blue
- 914DDC
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.89:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.28:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--dazzling-red: #d82c0d;
--dazzling-red-rgb: 216 44 13;
--dazzling-red-oklch: oklch(0.572 0.21 31.9);
}
.element {
color: var(--dazzling-red);
background-color: hsl(9 89% 45%);
border-color: oklch(0.572 0.21 31.9);
}Tailwind CSS v4
@theme {
--color-dazzling-red: #d82c0d;
--color-dazzling-red-50: #ffe0ce;
--color-dazzling-red-100: #ffcfba;
--color-dazzling-red-200: #ffb298;
--color-dazzling-red-300: #ff8a6c;
--color-dazzling-red-400: #ff6247;
--color-dazzling-red-500: #f22f09;
--color-dazzling-red-600: #cc2b0f;
--color-dazzling-red-700: #a4230d;
--color-dazzling-red-800: #7b160d;
--color-dazzling-red-900: #570f08;
--color-dazzling-red-950: #3a0100;
}SCSS
$dazzling-red: #d82c0d;
$dazzling-red-rgb: 216, 44, 13;
$dazzling-red-light: mix(#fff, $dazzling-red, 20%);
$dazzling-red-dark: mix(#000, $dazzling-red, 20%);
.element {
color: $dazzling-red;
box-shadow: 0 0 0 2px rgba($dazzling-red, 0.35);
}