Cor nomeada · #E9AEF2
Candy Dreams
Candy Dreams é #E9AEF2: rgb(233 174 242), hsl(292 72% 82%), oklch(0.827 0.112 322). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Candy Dreams color name →
#E9AEF2
oklch(0.827 0.112 322)
Conversões de cor
- HEX
- #e9aef2
- RGB
- rgb(233 174 242)
- HSL
- hsl(292 72% 82%)
- HWB
- hwb(292 68% 5%)
- OKLCH
- oklch(0.827 0.112 322)
- OKLab
- oklab(0.827 0.089 -0.069)
- CIE Lab
- lab(78.38 30.56 -25.39)
- LCH
- lch(78.38 39.73 320.3)
- CMYK
- cmyk(4% 28% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- EBB6F4
- EEBEF5
- F0C7F6
- F3CFF8
- F5D7F9
- F7DFFA
- F9E7FC
- FBEFFD
- FDF7FE
Sombras
- CB97D2
- AD80B4
- 906A96
- 745579
- 5A415E
- 412E43
- 291C2B
- 130B14
- 030103
Tons
- DEAAE6
- D3A5DA
- C9A1CF
- BE9CC3
- B497B8
- A993AC
- 9F8EA1
- 948996
- 8A858B
Harmonias de cor
Complementar +180°
- E9AEF2
Candy Dreams
- 9CD995
≈ Retro
Análoga -30° +30°
- E9AEF2
Candy Dreams
- C7BCFF
≈ Lavender Tonic
- FFA8CE
≈ Majin Bū Pink
Tríade +120° +240°
- E9AEF2
Candy Dreams
- EBBF6D
≈ Mustard Sauce
- 5CDCE5
≈ Neon Nazar
Complementar dividida +150° +210°
- E9AEF2
Candy Dreams
- C8CE75
≈ Greenish Beige
- 70DEBE
≈ Beryl
Tétrade +90° +180° +270°
- E9AEF2
Candy Dreams
- FFB284
≈ Sassy Peach
- 9CD995
≈ Retro
- 7BD3FF
≈ Sky
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.80:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--candy-dreams: #e9aef2;
--candy-dreams-rgb: 233 174 242;
--candy-dreams-oklch: oklch(0.827 0.112 322);
}
.element {
color: var(--candy-dreams);
background-color: hsl(292 72% 82%);
border-color: oklch(0.827 0.112 322);
}Tailwind CSS v4
@theme {
--color-candy-dreams: #e9aef2;
--color-candy-dreams-50: #ffebff;
--color-candy-dreams-100: #fbdcfe;
--color-candy-dreams-200: #edc5f0;
--color-candy-dreams-300: #d4a4d8;
--color-candy-dreams-400: #be88c6;
--color-candy-dreams-500: #a96bb2;
--color-candy-dreams-600: #8e5b96;
--color-candy-dreams-700: #724979;
--color-candy-dreams-800: #53355a;
--color-candy-dreams-900: #3a243f;
--color-candy-dreams-950: #241328;
}SCSS
$candy-dreams: #e9aef2;
$candy-dreams-rgb: 233, 174, 242;
$candy-dreams-light: mix(#fff, $candy-dreams, 20%);
$candy-dreams-dark: mix(#000, $candy-dreams, 20%);
.element {
color: $candy-dreams;
box-shadow: 0 0 0 2px rgba($candy-dreams, 0.35);
}