Benannte Farbe · #DE0300
Anarchy
Anarchy ist #DE0300: rgb(222 3 0), hsl(1 100% 44%), oklch(0.566 0.231 29.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Anarchy color name →
#DE0300
oklch(0.566 0.231 29.4)
Farbumrechnungen
- HEX
- #de0300
- RGB
- rgb(222 3 0)
- HSL
- hsl(1 100% 44%)
- HWB
- hwb(1 0% 13%)
- OKLCH
- oklch(0.566 0.231 29.4)
- OKLab
- oklab(0.566 0.202 0.113)
- CIE Lab
- lab(47.39 72.53 62.96)
- LCH
- lch(47.39 96.05 41)
- CMYK
- cmyk(0% 99% 100% 13%)
Tints · Shades · Tones
Tints
- E53B2D
- EB5848
- F1705F
- F68676
- FA9B8D
- FDB0A3
- FFC4BA
- FFD8D1
- FFEBE8
Shades
- C10200
- A50200
- 890100
- 6F0100
- 550000
- 3D0000
- 260000
- 120000
- 020000
Tones
- D72B1F
- CF3D2F
- C74A3C
- BE5547
- B65E52
- AC665C
- A36E65
- 98746E
- 8D7A77
Farbharmonien
Komplementär +180°
- DE0300
Anarchy
- 008595
≈ Painted Sea
Analog -30° +30°
- DE0300
Anarchy
- D50072
≈ Moth Orchid
- AE5F00
≈ Orange Brown
Triadisch +120° +240°
- DE0300
Anarchy
- 008E3D
≈ Viper Green
- 4460FB
≈ Blue Titmouse
Geteilt komplementär +150° +210°
- DE0300
Anarchy
- 008A78
≈ Emerald Enchantment
- 007EB9
≈ Meissen Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.09:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.11:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--anarchy: #de0300;
--anarchy-rgb: 222 3 0;
--anarchy-oklch: oklch(0.566 0.231 29.4);
}
.element {
color: var(--anarchy);
background-color: hsl(1 100% 44%);
border-color: oklch(0.566 0.231 29.4);
}Tailwind CSS v4
@theme {
--color-anarchy: #de0300;
--color-anarchy-50: #ffddcd;
--color-anarchy-100: #ffcbb8;
--color-anarchy-200: #ffad96;
--color-anarchy-300: #ff8369;
--color-anarchy-400: #ff5644;
--color-anarchy-500: #fb0000;
--color-anarchy-600: #d41008;
--color-anarchy-700: #ab1008;
--color-anarchy-800: #80060b;
--color-anarchy-900: #5b0607;
--color-anarchy-950: #3d0000;
}SCSS
$anarchy: #de0300;
$anarchy-rgb: 222, 3, 0;
$anarchy-light: mix(#fff, $anarchy, 20%);
$anarchy-dark: mix(#000, $anarchy, 20%);
.element {
color: $anarchy;
box-shadow: 0 0 0 2px rgba($anarchy, 0.35);
}