Warna bernama · #EF95AE
Illusion
Illusion adalah #EF95AE: rgb(239 149 174), hsl(343 74% 76%), oklch(0.769 0.112 2.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Illusion color name →
#EF95AE
oklch(0.769 0.112 2.1)
Konversi warna
- HEX
- #ef95ae
- RGB
- rgb(239 149 174)
- HSL
- hsl(343 74% 76%)
- HWB
- hwb(343 58% 6%)
- OKLCH
- oklch(0.769 0.112 2.1)
- OKLab
- oklab(0.769 0.112 0.004)
- CIE Lab
- lab(71.77 37.02 2)
- LCH
- lch(71.77 37.07 3.1)
- CMYK
- cmyk(0% 38% 27% 6%)
Tint · Shade · Tone
Tint
- F2A0B6
- F4AABE
- F6B5C6
- F8C0CE
- FACAD6
- FBD5DE
- FDDFE6
- FEEAEE
- FEF4F7
Shade
- D08197
- B16D80
- 945A6A
- 784855
- 5C3741
- 42262E
- 2A161C
- 14080B
- 030101
Tone
- E493A9
- D991A5
- CE90A0
- C38E9B
- B88C97
- AD8992
- A2878E
- 978589
- 8B8284
Harmoni warna
Komplementer +180°
- EF95AE
Illusion
- 50CBB9
≈ Peppy Peacock
Analog -30° +30°
- EF95AE
Illusion
- DE99D3
≈ Crepe Myrtle
- F29986
≈ Rose Essence
Triadik +120° +240°
- EF95AE
Illusion
- A8BF6C
≈ Light Olive
- 6FBCF5
≈ Broken Blue
Split-komplementer +150° +210°
- EF95AE
Illusion
- 7AC890
≈ Green Gala
- 4BC6DD
≈ Naxos Sky
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.19:1 · APCA Lc 43
Ag
AAADi atas hitam
WCAG 9.58:1 · APCA Lc 59
Warna teks terbaik: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Cuplikan kode
CSS
:root {
--illusion: #ef95ae;
--illusion-rgb: 239 149 174;
--illusion-oklch: oklch(0.769 0.112 2.1);
}
.element {
color: var(--illusion);
background-color: hsl(343 74% 76%);
border-color: oklch(0.769 0.112 2.1);
}Tailwind CSS v4
@theme {
--color-illusion: #ef95ae;
--color-illusion-50: #ffe9f1;
--color-illusion-100: #ffd9e3;
--color-illusion-200: #ffc1cf;
--color-illusion-300: #e9a0b1;
--color-illusion-400: #d58299;
--color-illusion-500: #c16480;
--color-illusion-600: #a3556d;
--color-illusion-700: #834457;
--color-illusion-800: #613141;
--color-illusion-900: #44212d;
--color-illusion-950: #2c101a;
}SCSS
$illusion: #ef95ae;
$illusion-rgb: 239, 149, 174;
$illusion-light: mix(#fff, $illusion, 20%);
$illusion-dark: mix(#000, $illusion, 20%);
.element {
color: $illusion;
box-shadow: 0 0 0 2px rgba($illusion, 0.35);
}