Benannte Farbe · #E35A63
Aphrodisiac
Aphrodisiac ist #E35A63: rgb(227 90 99), hsl(356 71% 62%), oklch(0.647 0.171 19.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Aphrodisiac color name →
#E35A63
oklch(0.647 0.171 19.3)
Farbumrechnungen
- HEX
- #e35a63
- RGB
- rgb(227 90 99)
- HSL
- hsl(356 71% 62%)
- HWB
- hwb(356 35% 11%)
- OKLCH
- oklch(0.647 0.171 19.3)
- OKLab
- oklab(0.647 0.161 0.057)
- CIE Lab
- lab(57.25 54.73 24.2)
- LCH
- lch(57.25 59.85 23.9)
- CMYK
- cmyk(0% 60% 56% 11%)
Tints · Shades · Tones
Tints
- E86D72
- ED7E81
- F18F90
- F59FA0
- F8AFAF
- FABFBF
- FDCFCF
- FEDFDF
- FFEFEF
Shades
- C54D55
- A84147
- 8C353A
- 71292E
- 571E21
- 3F1316
- 27090B
- 120303
- 030000
Tones
- DA6066
- D16569
- C86A6C
- BF6E6F
- B57272
- AB7575
- A17878
- 977B7B
- 8C7E7D
Farbharmonien
Komplementär +180°
- E35A63
Aphrodisiac
- 00A2A8
≈ Ducati
Analog -30° +30°
- E35A63
Aphrodisiac
- D75B9E
≈ Sugar Rush
- DD6707
≈ Orange Danger
Triadisch +120° +240°
- E35A63
Aphrodisiac
- 4FA635
≈ Ballyhoo
- 4A8BF4
≈ Seljuk Blue
Geteilt komplementär +150° +210°
- E35A63
Aphrodisiac
- 00A781
≈ Active Green
- 009CCC
≈ Tomb Blue
Tetradisch +90° +180° +270°
- E35A63
Aphrodisiac
- 959400
≈ Turtle Moss
- 00A2A8
≈ Ducati
- 8E78EE
≈ Forgotten Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.55:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.90:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--aphrodisiac: #e35a63;
--aphrodisiac-rgb: 227 90 99;
--aphrodisiac-oklch: oklch(0.647 0.171 19.3);
}
.element {
color: var(--aphrodisiac);
background-color: hsl(356 71% 62%);
border-color: oklch(0.647 0.171 19.3);
}Tailwind CSS v4
@theme {
--color-aphrodisiac: #e35a63;
--color-aphrodisiac-50: #ffe3e0;
--color-aphrodisiac-100: #ffd2cf;
--color-aphrodisiac-200: #ffb7b4;
--color-aphrodisiac-300: #ff9291;
--color-aphrodisiac-400: #f26f75;
--color-aphrodisiac-500: #e04856;
--color-aphrodisiac-600: #bd3f4a;
--color-aphrodisiac-700: #98323b;
--color-aphrodisiac-800: #72232c;
--color-aphrodisiac-900: #50171e;
--color-aphrodisiac-950: #35070e;
}SCSS
$aphrodisiac: #e35a63;
$aphrodisiac-rgb: 227, 90, 99;
$aphrodisiac-light: mix(#fff, $aphrodisiac, 20%);
$aphrodisiac-dark: mix(#000, $aphrodisiac, 20%);
.element {
color: $aphrodisiac;
box-shadow: 0 0 0 2px rgba($aphrodisiac, 0.35);
}