Benannte Farbe · #EE3366
Bat’s Blood Soup
Bat’s Blood Soup ist #EE3366: rgb(238 51 102), hsl(344 85% 57%), oklch(0.627 0.221 11.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bat’s Blood Soup color name →
#EE3366
oklch(0.627 0.221 11.3)
Farbumrechnungen
- HEX
- #ee3366
- RGB
- rgb(238 51 102)
- HSL
- hsl(344 85% 57%)
- HWB
- hwb(344 20% 7%)
- OKLCH
- oklch(0.627 0.221 11.3)
- OKLab
- oklab(0.627 0.216 0.043)
- CIE Lab
- lab(54.24 71.56 18.93)
- LCH
- lch(54.24 74.02 14.8)
- CMYK
- cmyk(0% 79% 57% 7%)
Tints · Shades · Tones
Tints
- F35074
- F76883
- FB7D92
- FE91A1
- FFA4B0
- FFB7BF
- FFC9CF
- FFDBDF
- FFEDEF
Shades
- CF2B58
- B1234A
- 931C3C
- 77142F
- 5C0D23
- 420717
- 2A030C
- 140104
- 030000
Tones
- E54269
- DB4E6B
- D1576E
- C75F71
- BC6773
- B16D76
- A67279
- 9A777B
- 8E7C7E
Farbharmonien
Komplementär +180°
- EE3366
Bat’s Blood Soup
- 009D98
≈ Caribbean Turquoise
Analog -30° +30°
- EE3366
Bat’s Blood Soup
- D93FAE
≈ Loudicious Pink
- E25300
≈ Salsa Habañero
Triadisch +120° +240°
- EE3366
Bat’s Blood Soup
- 619C00
≈ Gecko’s Dream
- 008AF2
≈ Too Blue to Be True
Geteilt komplementär +150° +210°
- EE3366
Bat’s Blood Soup
- 00A16D
≈ Surgeon
- 0097B9
≈ Bondi Blue
Tetradisch +90° +180° +270°
- EE3366
Bat’s Blood Soup
- 9A8A00
≈ Medusa Green
- 009D98
≈ Caribbean Turquoise
- 7870FF
≈ Stargate Shimmer
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.96:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.30:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.30:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--bat-s-blood-soup: #ee3366;
--bat-s-blood-soup-rgb: 238 51 102;
--bat-s-blood-soup-oklch: oklch(0.627 0.221 11.3);
}
.element {
color: var(--bat-s-blood-soup);
background-color: hsl(344 85% 57%);
border-color: oklch(0.627 0.221 11.3);
}Tailwind CSS v4
@theme {
--color-bat-s-blood-soup: #ee3366;
--color-bat-s-blood-soup-50: #ffdce3;
--color-bat-s-blood-soup-100: #ffcad3;
--color-bat-s-blood-soup-200: #ffabb9;
--color-bat-s-blood-soup-300: #ff8196;
--color-bat-s-blood-soup-400: #ff577d;
--color-bat-s-blood-soup-500: #f41160;
--color-bat-s-blood-soup-600: #ce1752;
--color-bat-s-blood-soup-700: #a61441;
--color-bat-s-blood-soup-800: #7b0b32;
--color-bat-s-blood-soup-900: #570822;
--color-bat-s-blood-soup-950: #3a0011;
}SCSS
$bat-s-blood-soup: #ee3366;
$bat-s-blood-soup-rgb: 238, 51, 102;
$bat-s-blood-soup-light: mix(#fff, $bat-s-blood-soup, 20%);
$bat-s-blood-soup-dark: mix(#000, $bat-s-blood-soup, 20%);
.element {
color: $bat-s-blood-soup;
box-shadow: 0 0 0 2px rgba($bat-s-blood-soup, 0.35);
}