Benannte Farbe · #ED214D
Che Guevara Red
Che Guevara Red ist #ED214D: rgb(237 33 77), hsl(347 85% 53%), oklch(0.61 0.23 17.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Che Guevara Red color name →
#ED214D
oklch(0.61 0.23 17.5)
Farbumrechnungen
- HEX
- #ed214d
- RGB
- rgb(237 33 77)
- HSL
- hsl(347 85% 53%)
- HWB
- hwb(347 13% 7%)
- OKLCH
- oklch(0.61 0.23 17.5)
- OKLab
- oklab(0.61 0.219 0.069)
- CIE Lab
- lab(52.27 74.16 31.41)
- LCH
- lch(52.27 80.54 23)
- CMYK
- cmyk(0% 86% 68% 7%)
Tints · Shades · Tones
Tints
- F2475E
- F76170
- FB7781
- FE8C92
- FFA0A4
- FFB4B6
- FFC7C8
- FFDADA
- FFECEC
Shades
- CE1B42
- B01637
- 93102C
- 770B22
- 5C0618
- 42030F
- 2A0107
- 140002
- 030000
Tones
- E43753
- DA4658
- D1515E
- C75B63
- BC6368
- B26A6D
- A67072
- 9B7677
- 8E7B7B
Farbharmonien
Komplementär +180°
- ED214D
Che Guevara Red
- 009699
≈ Sea Fantasy
Analog -30° +30°
- ED214D
Che Guevara Red
- DC2C9C
≈ Melodramatic Magenta
- D05C00
≈ Exuberance
Triadisch +120° +240°
- ED214D
Che Guevara Red
- 419B00
≈ Grass Is Greener
- 127DFF
≈ Azure
Geteilt komplementär +150° +210°
- ED214D
Che Guevara Red
- 009A74
≈ Jardinière
- 0090BA
≈ Swimmer
Tetradisch +90° +180° +270°
- ED214D
Che Guevara Red
- 8C8800
≈ Palak Paneer
- 009699
≈ Sea Fantasy
- 8260FF
≈ Purple Anemone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.26:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 4.92:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 4.92:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--che-guevara-red: #ed214d;
--che-guevara-red-rgb: 237 33 77;
--che-guevara-red-oklch: oklch(0.61 0.23 17.5);
}
.element {
color: var(--che-guevara-red);
background-color: hsl(347 85% 53%);
border-color: oklch(0.61 0.23 17.5);
}Tailwind CSS v4
@theme {
--color-che-guevara-red: #ed214d;
--color-che-guevara-red-50: #ffdbda;
--color-che-guevara-red-100: #ffc9c9;
--color-che-guevara-red-200: #ffaaac;
--color-che-guevara-red-300: #ff7f86;
--color-che-guevara-red-400: #ff526a;
--color-che-guevara-red-500: #f90049;
--color-che-guevara-red-600: #d3053f;
--color-che-guevara-red-700: #aa0932;
--color-che-guevara-red-800: #7f0326;
--color-che-guevara-red-900: #5a041a;
--color-che-guevara-red-950: #3c000a;
}SCSS
$che-guevara-red: #ed214d;
$che-guevara-red-rgb: 237, 33, 77;
$che-guevara-red-light: mix(#fff, $che-guevara-red, 20%);
$che-guevara-red-dark: mix(#000, $che-guevara-red, 20%);
.element {
color: $che-guevara-red;
box-shadow: 0 0 0 2px rgba($che-guevara-red, 0.35);
}