Benannte Farbe · #D92121
Maximum Red
Maximum Red ist #D92121: rgb(217 33 33), hsl(0 74% 49%), oklch(0.568 0.216 27.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Maximum Red color name →
#D92121
oklch(0.568 0.216 27.6)
Farbumrechnungen
- HEX
- #d92121
- RGB
- rgb(217 33 33)
- HSL
- hsl(0 74% 49%)
- HWB
- hwb(0 13% 15%)
- OKLCH
- oklch(0.568 0.216 27.6)
- OKLab
- oklab(0.568 0.191 0.1)
- CIE Lab
- lab(47.78 67.84 50.21)
- LCH
- lch(47.78 84.4 36.5)
- CMYK
- cmyk(0% 85% 85% 15%)
Tints · Shades · Tones
Tints
- E0443B
- E75E52
- ED7468
- F2897D
- F69E92
- FAB1A8
- FCC5BD
- FED8D3
- FFECE9
Shades
- BC1B1B
- A11616
- 861010
- 6C0B0B
- 530606
- 3B0303
- 250101
- 110000
- 020000
Tones
- D2362F
- CB443B
- C34F45
- BB584E
- B36157
- AA6860
- A06F68
- 977570
- 8C7B78
Farbharmonien
Komplementär +180°
- D92121
Maximum Red
- 008694
≈ Tropical Teal
Analog -30° +30°
- D92121
Maximum Red
- D01F77
≈ Prince Charming
- B15E00
≈ Orangish Brown
Triadisch +120° +240°
- D92121
Maximum Red
- 009036
≈ North Texas Green
- 4166F3
≈ Secret of Mana
Geteilt komplementär +150° +210°
- D92121
Maximum Red
- 008B76
≈ Emerald Enchantment
- 0080B7
≈ Meissen Blue
Tetradisch +90° +180° +270°
- D92121
Maximum Red
- 718000
≈ Verde Tropa
- 008694
≈ Tropical Teal
- 894DE2
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.01:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.18:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 5.01:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--maximum-red: #d92121;
--maximum-red-rgb: 217 33 33;
--maximum-red-oklch: oklch(0.568 0.216 27.6);
}
.element {
color: var(--maximum-red);
background-color: hsl(0 74% 49%);
border-color: oklch(0.568 0.216 27.6);
}Tailwind CSS v4
@theme {
--color-maximum-red: #d92121;
--color-maximum-red-50: #ffdfd1;
--color-maximum-red-100: #ffcdbe;
--color-maximum-red-200: #ffb09d;
--color-maximum-red-300: #ff8773;
--color-maximum-red-400: #ff5d51;
--color-maximum-red-500: #f42425;
--color-maximum-red-600: #ce2322;
--color-maximum-red-700: #a61d1b;
--color-maximum-red-800: #7c1216;
--color-maximum-red-900: #580c0e;
--color-maximum-red-950: #3b0002;
}SCSS
$maximum-red: #d92121;
$maximum-red-rgb: 217, 33, 33;
$maximum-red-light: mix(#fff, $maximum-red, 20%);
$maximum-red-dark: mix(#000, $maximum-red, 20%);
.element {
color: $maximum-red;
box-shadow: 0 0 0 2px rgba($maximum-red, 0.35);
}