Benannte Farbe · #E83A72
Fantasy Romance
Fantasy Romance ist #E83A72: rgb(232 58 114), hsl(341 79% 57%), oklch(0.625 0.211 6.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fantasy Romance color name →
#E83A72
oklch(0.625 0.211 6.9)
Farbumrechnungen
- HEX
- #e83a72
- RGB
- rgb(232 58 114)
- HSL
- hsl(341 79% 57%)
- HWB
- hwb(341 23% 9%)
- OKLCH
- oklch(0.625 0.211 6.9)
- OKLab
- oklab(0.625 0.21 0.025)
- CIE Lab
- lab(54.03 68.6 11.23)
- LCH
- lch(54.03 69.51 9.3)
- CMYK
- cmyk(0% 75% 51% 9%)
Tints · Shades · Tones
Tints
- ED547F
- F26B8D
- F67F9A
- FA92A8
- FDA5B6
- FFB7C4
- FFC9D3
- FFDBE1
- FFEDF0
Shades
- CA3162
- AC2853
- 902044
- 741836
- 591028
- 40091B
- 29040E
- 130104
- 030001
Tones
- DF4773
- D65175
- CD5A76
- C36178
- B96879
- AF6D7B
- A4737C
- 99787D
- 8D7C7F
Farbharmonien
Komplementär +180°
- E83A72
Fantasy Romance
- 009D93
≈ Caribbean Turquoise
Analog -30° +30°
- E83A72
Fantasy Romance
- D146B5
≈ Krameria
- EA4500
≈ Glowing Meteor
Triadisch +120° +240°
- E83A72
Fantasy Romance
- 6E9800
≈ Gecko’s Dream
- 008DE4
≈ Bleu de France
Geteilt komplementär +150° +210°
- E83A72
Fantasy Romance
- 00A262
≈ Alhambra Green
- 0098B3
≈ Barrier Reef
Tetradisch +90° +180° +270°
- E83A72
Fantasy Romance
- 9E8700
≈ Captain Kirk
- 009D93
≈ Caribbean Turquoise
- 6D73FF
≈ Stargate Shimmer
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.97:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.27:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.27:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--fantasy-romance: #e83a72;
--fantasy-romance-rgb: 232 58 114;
--fantasy-romance-oklch: oklch(0.625 0.211 6.9);
}
.element {
color: var(--fantasy-romance);
background-color: hsl(341 79% 57%);
border-color: oklch(0.625 0.211 6.9);
}Tailwind CSS v4
@theme {
--color-fantasy-romance: #e83a72;
--color-fantasy-romance-50: #ffdde9;
--color-fantasy-romance-100: #ffcbd9;
--color-fantasy-romance-200: #ffadc1;
--color-fantasy-romance-300: #ff84a1;
--color-fantasy-romance-400: #ff5b89;
--color-fantasy-romance-500: #ee246e;
--color-fantasy-romance-600: #c9235d;
--color-fantasy-romance-700: #a21c4b;
--color-fantasy-romance-800: #781239;
--color-fantasy-romance-900: #550c27;
--color-fantasy-romance-950: #390015;
}SCSS
$fantasy-romance: #e83a72;
$fantasy-romance-rgb: 232, 58, 114;
$fantasy-romance-light: mix(#fff, $fantasy-romance, 20%);
$fantasy-romance-dark: mix(#000, $fantasy-romance, 20%);
.element {
color: $fantasy-romance;
box-shadow: 0 0 0 2px rgba($fantasy-romance, 0.35);
}