Couleur nommée · #EEBBFF
Euphoria
Euphoria correspond à #EEBBFF : rgb(238 187 255), hsl(285 100% 87%), oklch(0.86 0.107 317.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Euphoria color name →
#EEBBFF
oklch(0.86 0.107 317.5)
Conversions de couleur
- HEX
- #eebbff
- RGB
- rgb(238 187 255)
- HSL
- hsl(285 100% 87%)
- HWB
- hwb(285 73% 0%)
- OKLCH
- oklch(0.86 0.107 317.5)
- OKLab
- oklab(0.86 0.079 -0.072)
- CIE Lab
- lab(82.22 27.55 -26.45)
- LCH
- lch(82.22 38.2 316.2)
- CMYK
- cmyk(7% 27% 0% 0%)
Teintes · Ombres · Tons
Teintes
- F0C2FF
- F2C9FF
- F4D0FF
- F5D7FF
- F7DDFF
- F9E4FF
- FAEBFF
- FCF2FF
- FDF8FF
Ombres
- CFA2DE
- B18ABE
- 93739E
- 775C80
- 5C4663
- 423248
- 2A1F2E
- 140D16
- 030203
Tons
- E3B5F2
- D7AFE5
- CCA9D8
- C1A3CB
- B69EBE
- AB98B1
- A092A5
- 958C98
- 8B868C
Harmonies de couleurs
Complémentaire +180°
- EEBBFF
Euphoria
- AFE29D
≈ Grape Green
Analogue -30° +30°
- EEBBFF
Euphoria
- CDCAFF
≈ Lavender Blue
- FFB8DC
≈ Bubblegum Heart
Triadique +120° +240°
- EEBBFF
Euphoria
- F8C87E
≈ Cheddar Chunk
- 70E7E9
≈ Blue Crystal Landscape
Complémentaire divisée +150° +210°
- EEBBFF
Euphoria
- D8D682
≈ Wax Green
- 86E8C3
≈ Bubble Algae
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.18:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--euphoria: #eebbff;
--euphoria-rgb: 238 187 255;
--euphoria-oklch: oklch(0.86 0.107 317.5);
}
.element {
color: var(--euphoria);
background-color: hsl(285 100% 87%);
border-color: oklch(0.86 0.107 317.5);
}Tailwind CSS v4
@theme {
--color-euphoria: #eebbff;
--color-euphoria-50: #ffecff;
--color-euphoria-100: #f8ddff;
--color-euphoria-200: #e9c6f1;
--color-euphoria-300: #d0a6da;
--color-euphoria-400: #b98ac8;
--color-euphoria-500: #a36eb4;
--color-euphoria-600: #8a5e98;
--color-euphoria-700: #6e4b7a;
--color-euphoria-800: #50365b;
--color-euphoria-900: #382540;
--color-euphoria-950: #231429;
}SCSS
$euphoria: #eebbff;
$euphoria-rgb: 238, 187, 255;
$euphoria-light: mix(#fff, $euphoria, 20%);
$euphoria-dark: mix(#000, $euphoria, 20%);
.element {
color: $euphoria;
box-shadow: 0 0 0 2px rgba($euphoria, 0.35);
}