Benannte Farbe · #DD2200
Ares Red
Ares Red ist #DD2200: rgb(221 34 0), hsl(9 100% 43%), oklch(0.575 0.221 31.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ares Red color name →
#DD2200
oklch(0.575 0.221 31.5)
Farbumrechnungen
- HEX
- #dd2200
- RGB
- rgb(221 34 0)
- HSL
- hsl(9 100% 43%)
- HWB
- hwb(9 0% 13%)
- OKLCH
- oklch(0.575 0.221 31.5)
- OKLab
- oklab(0.575 0.188 0.115)
- CIE Lab
- lab(48.55 68.44 63)
- LCH
- lch(48.55 93.02 42.6)
- CMYK
- cmyk(0% 85% 100% 13%)
Tints · Shades · Tones
Tints
- E4462E
- EA5F48
- F07660
- F48B77
- F89F8E
- FBB2A4
- FEC6BA
- FFD9D1
- FFECE8
Shades
- C01C00
- A41600
- 881100
- 6E0B00
- 550700
- 3D0300
- 260100
- 110000
- 020000
Tones
- D5371F
- CE4530
- C6503D
- BD5948
- B56252
- AB695C
- A26F66
- 97756F
- 8C7B77
Farbharmonien
Komplementär +180°
- DD2200
Ares Red
- 00889B
≈ Marker Blue
Analog -30° +30°
- DD2200
Ares Red
- D61A70
≈ Pink Peacock
- AF6300
≈ Ginger
Triadisch +120° +240°
- DD2200
Ares Red
- 009147
≈ Jade Sylph
- 4F64F8
≈ Blue Heath Butterfly
Geteilt komplementär +150° +210°
- DD2200
Ares Red
- 008C7D
≈ Greenlake
- 0080C1
≈ Honolulu Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.88:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.30:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--ares-red: #dd2200;
--ares-red-rgb: 221 34 0;
--ares-red-oklch: oklch(0.575 0.221 31.5);
}
.element {
color: var(--ares-red);
background-color: hsl(9 100% 43%);
border-color: oklch(0.575 0.221 31.5);
}Tailwind CSS v4
@theme {
--color-ares-red: #dd2200;
--color-ares-red-50: #ffdfcc;
--color-ares-red-100: #ffcdb8;
--color-ares-red-200: #ffb095;
--color-ares-red-300: #ff8769;
--color-ares-red-400: #ff5d42;
--color-ares-red-500: #f62100;
--color-ares-red-600: #d02103;
--color-ares-red-700: #a71b05;
--color-ares-red-800: #7d1009;
--color-ares-red-900: #590b06;
--color-ares-red-950: #3c0000;
}SCSS
$ares-red: #dd2200;
$ares-red-rgb: 221, 34, 0;
$ares-red-light: mix(#fff, $ares-red, 20%);
$ares-red-dark: mix(#000, $ares-red, 20%);
.element {
color: $ares-red;
box-shadow: 0 0 0 2px rgba($ares-red, 0.35);
}