Couleur nommée · #E1CBDA
Diva Girl
Diva Girl correspond à #E1CBDA : rgb(225 203 218), hsl(319 27% 84%), oklch(0.865 0.032 337.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Diva Girl color name →
#E1CBDA
oklch(0.865 0.032 337.3)
Conversions de couleur
- HEX
- #e1cbda
- RGB
- rgb(225 203 218)
- HSL
- hsl(319 27% 84%)
- HWB
- hwb(319 80% 12%)
- OKLCH
- oklch(0.865 0.032 337.3)
- OKLab
- oklab(0.865 0.029 -0.012)
- CIE Lab
- lab(83.87 9.87 -4.52)
- LCH
- lch(83.87 10.85 335.4)
- CMYK
- cmyk(0% 10% 3% 12%)
Teintes · Ombres · Tons
Teintes
- E4D0DE
- E7D5E1
- EADAE5
- EDE0E9
- F0E5EC
- F3EAF0
- F6EFF4
- F9F4F8
- FCFAFB
Ombres
- C4B0BD
- A796A2
- 8B7D87
- 70656C
- 564D54
- 3E373C
- 272225
- 120F11
- 020202
Tons
- D7C3D1
- CDBCC7
- C3B4BE
- B9ACB5
- AFA5AC
- A69DA3
- 9C969A
- 938F91
- 898789
Harmonies de couleurs
Complémentaire +180°
- E1CBDA
Diva Girl
- C2D9CA
≈ Snow Goose
Analogue -30° +30°
- E1CBDA
Diva Girl
- D8CDE3
≈ Bashful Pansy
- E6CACF
≈ Cool Pink
Triadique +120° +240°
- E1CBDA
Diva Girl
- D8D3BC
≈ Pale Lichen
- BCD8E0
≈ Blue Perennial
Complémentaire divisée +150° +210°
- E1CBDA
Diva Girl
- CDD7C1
≈ Hawthorne
- BCDAD6
≈ Meander Blue
Tétradique +90° +180° +270°
- E1CBDA
Diva Girl
- E1CFBD
≈ Shetland Lace
- C2D9CA
≈ Snow Goose
- C3D5E7
≈ Lull Wind
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.75:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--diva-girl: #e1cbda;
--diva-girl-rgb: 225 203 218;
--diva-girl-oklch: oklch(0.865 0.032 337.3);
}
.element {
color: var(--diva-girl);
background-color: hsl(319 27% 84%);
border-color: oklch(0.865 0.032 337.3);
}Tailwind CSS v4
@theme {
--color-diva-girl: #e1cbda;
--color-diva-girl-50: #fcf2f8;
--color-diva-girl-100: #f0e4eb;
--color-diva-girl-200: #decfd9;
--color-diva-girl-300: #c3b1bd;
--color-diva-girl-400: #ab98a5;
--color-diva-girl-500: #957e8e;
--color-diva-girl-600: #7e6b78;
--color-diva-girl-700: #655660;
--color-diva-girl-800: #4a3e47;
--color-diva-girl-900: #332b31;
--color-diva-girl-950: #1f181d;
}SCSS
$diva-girl: #e1cbda;
$diva-girl-rgb: 225, 203, 218;
$diva-girl-light: mix(#fff, $diva-girl, 20%);
$diva-girl-dark: mix(#000, $diva-girl, 20%);
.element {
color: $diva-girl;
box-shadow: 0 0 0 2px rgba($diva-girl, 0.35);
}