Benannte Farbe · #EF8E9F
Wonder Lust
Wonder Lust ist #EF8E9F: rgb(239 142 159), hsl(349 75% 75%), oklch(0.753 0.119 9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Wonder Lust color name →
#EF8E9F
oklch(0.753 0.119 9)
Farbumrechnungen
- HEX
- #ef8e9f
- RGB
- rgb(239 142 159)
- HSL
- hsl(349 75% 75%)
- HWB
- hwb(349 56% 6%)
- OKLCH
- oklch(0.753 0.119 9)
- OKLab
- oklab(0.753 0.117 0.019)
- CIE Lab
- lab(69.96 39.08 7.75)
- LCH
- lch(69.96 39.84 11.2)
- CMYK
- cmyk(0% 41% 33% 6%)
Tints · Shades · Tones
Tints
- F29AA8
- F4A5B2
- F7B0BB
- F9BCC4
- FAC7CE
- FCD2D8
- FDDDE1
- FEE9EB
- FFF4F5
Shades
- D07B8A
- B16875
- 945661
- 78444D
- 5C343B
- 422429
- 2A1518
- 140709
- 030101
Tones
- E48D9C
- D98C99
- CE8B96
- C38A93
- B8888F
- AD878C
- A28589
- 978486
- 8C8283
Farbharmonien
Komplementär +180°
- EF8E9F
Wonder Lust
- 35C7BE
≈ Swimmers Pool
Analog -30° +30°
- EF8E9F
Wonder Lust
- E091C8
≈ Firm Pink
- EF9476
≈ Moegi Green
Triadisch +120° +240°
- EF8E9F
Wonder Lust
- 97BE6A
≈ Green Pepper
- 70B5F7
≈ French Sky Blue
Geteilt komplementär +150° +210°
- EF8E9F
Wonder Lust
- 65C693
≈ Felt Green
- 3FC0E2
≈ Lake Thun
Tetradisch +90° +180° +270°
- EF8E9F
Wonder Lust
- C2B04F
≈ Hollywood
- 35C7BE
≈ Swimmers Pool
- 9FA7F9
≈ Widowmaker
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.32:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.03:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.03:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--wonder-lust: #ef8e9f;
--wonder-lust-rgb: 239 142 159;
--wonder-lust-oklch: oklch(0.753 0.119 9);
}
.element {
color: var(--wonder-lust);
background-color: hsl(349 75% 75%);
border-color: oklch(0.753 0.119 9);
}Tailwind CSS v4
@theme {
--color-wonder-lust: #ef8e9f;
--color-wonder-lust-50: #ffe8ed;
--color-wonder-lust-100: #ffd8de;
--color-wonder-lust-200: #ffc0c8;
--color-wonder-lust-300: #ed9ea8;
--color-wonder-lust-400: #da8090;
--color-wonder-lust-500: #c76176;
--color-wonder-lust-600: #a85364;
--color-wonder-lust-700: #87424f;
--color-wonder-lust-800: #642f3b;
--color-wonder-lust-900: #462029;
--color-wonder-lust-950: #2d0f16;
}SCSS
$wonder-lust: #ef8e9f;
$wonder-lust-rgb: 239, 142, 159;
$wonder-lust-light: mix(#fff, $wonder-lust, 20%);
$wonder-lust-dark: mix(#000, $wonder-lust, 20%);
.element {
color: $wonder-lust;
box-shadow: 0 0 0 2px rgba($wonder-lust, 0.35);
}