Nächste benannte Farbe · #E7222B
#E7222B
Nächste benannte Farbe: Blood Donor
#E7222B (rgb(231 34 43), hsl(357 80% 52%), oklch(0.595 0.226 26.1)) liegt am nächsten an der benannten Farbe Blood Donor. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E7222B
oklch(0.595 0.226 26.1)
Farbumrechnungen
- HEX
- #e7222b
- RGB
- rgb(231 34 43)
- HSL
- hsl(357 80% 52%)
- HWB
- hwb(357 13% 9%)
- OKLCH
- oklch(0.595 0.226 26.1)
- OKLab
- oklab(0.595 0.203 0.1)
- CIE Lab
- lab(50.77 71.57 48.92)
- LCH
- lch(50.77 86.69 34.4)
- CMYK
- cmyk(0% 85% 81% 9%)
Tints · Shades · Tones
Tints
- ED4743
- F26159
- F7776E
- FB8C82
- FEA097
- FFB3AB
- FFC7C0
- FFD9D5
- FFECEA
Shades
- C91C24
- AB161D
- 8F1116
- 730B10
- 59070A
- 400305
- 280102
- 130001
- 030000
Tones
- DE3737
- D64641
- CD514A
- C35A53
- B9635B
- AF6A63
- A5706A
- 997672
- 8D7B79
Farbharmonien
Komplementär +180°
- E7222B
Blood Donor
- 00909D
≈ Coral Coast
Analog -30° +30°
- E7222B
Blood Donor
- DC2283
≈ Vivid Cerise
- BE6300
≈ Fire Ant
Triadisch +120° +240°
- E7222B
Blood Donor
- 009931
≈ Peppermint Toad
- 4170FF
≈ Hailey Blue
Geteilt komplementär +150° +210°
- E7222B
Blood Donor
- 00947C
≈ Aqua Waters
- 0089C0
≈ Azul Caribe
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--blood-donor: #e7222b;
--blood-donor-rgb: 231 34 43;
--blood-donor-oklch: oklch(0.595 0.226 26.1);
}
.element {
color: var(--blood-donor);
background-color: hsl(357 80% 52%);
border-color: oklch(0.595 0.226 26.1);
}Tailwind CSS v4
@theme {
--color-blood-donor: #e7222b;
--color-blood-donor-50: #ffddd1;
--color-blood-donor-100: #ffcbbe;
--color-blood-donor-200: #ffad9d;
--color-blood-donor-300: #ff8373;
--color-blood-donor-400: #ff5752;
--color-blood-donor-500: #f90b26;
--color-blood-donor-600: #d21522;
--color-blood-donor-700: #a9131b;
--color-blood-donor-800: #7f0916;
--color-blood-donor-900: #5a070e;
--color-blood-donor-950: #3c0002;
}SCSS
$blood-donor: #e7222b;
$blood-donor-rgb: 231, 34, 43;
$blood-donor-light: mix(#fff, $blood-donor, 20%);
$blood-donor-dark: mix(#000, $blood-donor, 20%);
.element {
color: $blood-donor;
box-shadow: 0 0 0 2px rgba($blood-donor, 0.35);
}