Cor nomeada · #EF95AE
Illusion
Illusion é #EF95AE: rgb(239 149 174), hsl(343 74% 76%), oklch(0.769 0.112 2.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Illusion color name →
#EF95AE
oklch(0.769 0.112 2.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- F2A0B6
- F4AABE
- F6B5C6
- F8C0CE
- FACAD6
- FBD5DE
- FDDFE6
- FEEAEE
- FEF4F7
Sombras
- D08197
- B16D80
- 945A6A
- 784855
- 5C3741
- 42262E
- 2A161C
- 14080B
- 030101
Tons
- E493A9
- D991A5
- CE90A0
- C38E9B
- B88C97
- AD8992
- A2878E
- 978589
- 8B8284
Harmonias de cor
Complementar +180°
- EF95AE
Illusion
- 50CBB9
≈ Peppy Peacock
Análoga -30° +30°
- EF95AE
Illusion
- DE99D3
≈ Crepe Myrtle
- F29986
≈ Rose Essence
Tríade +120° +240°
- EF95AE
Illusion
- A8BF6C
≈ Light Olive
- 6FBCF5
≈ Broken Blue
Complementar dividida +150° +210°
- EF95AE
Illusion
- 7AC890
≈ Green Gala
- 4BC6DD
≈ Naxos Sky
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.58:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
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);
}