Couleur nommée la plus proche · #E2A9DB
#E2A9DB
Couleur nommée la plus proche: Candy Floss
#E2A9DB (rgb(226 169 219), hsl(307 50% 77%), oklch(0.803 0.093 330.6)) est la plus proche de la couleur nommée Candy Floss. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2A9DB
oklch(0.803 0.093 330.6)
Conversions de couleur
- HEX
- #e2a9db
- RGB
- rgb(226 169 219)
- HSL
- hsl(307 50% 77%)
- HWB
- hwb(307 66% 11%)
- OKLCH
- oklch(0.803 0.093 330.6)
- OKLab
- oklab(0.803 0.081 -0.046)
- CIE Lab
- lab(75.86 27.52 -16.85)
- LCH
- lch(75.86 32.27 328.5)
- CMYK
- cmyk(0% 25% 3% 11%)
Teintes · Ombres · Tons
Teintes
- E5B2DF
- E8BAE2
- EBC3E6
- EFCBEA
- F1D4ED
- F4DCF1
- F7E5F4
- FAEEF8
- FCF6FB
Ombres
- C492BE
- A87CA2
- 8C6787
- 71536D
- 573F54
- 3E2C3C
- 271B26
- 120A11
- 030102
Tons
- D8A5D2
- CEA1C8
- C49DBF
- BA99B6
- B095AD
- A791A4
- 9D8D9B
- 938892
- 8A8489
Harmonies de couleurs
Complémentaire +180°
- E2A9DB
Candy Floss
- 92D0A0
≈ Fennel
Analogue -30° +30°
- E2A9DB
Candy Floss
- C8B1F2
≈ Purple Sand
- F2A6BB
≈ Petal Power
Triadique +120° +240°
- E2A9DB
Candy Floss
- D5BD77
≈ Morning’s Egg
- 70CFE1
≈ Summer of ’82
Complémentaire divisée +150° +210°
- E2A9DB
Candy Floss
- B6C883
≈ Nurgling Green
- 75D3C2
≈ Turquoise Twist
Tétradique +90° +180° +270°
- E2A9DB
Candy Floss
- EBB180
≈ Rusty Sand
- 92D0A0
≈ Fennel
- 86C7F5
≈ Nevermind Nirvana
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.92:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.93:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--candy-floss: #e2a9db;
--candy-floss-rgb: 226 169 219;
--candy-floss-oklch: oklch(0.803 0.093 330.6);
}
.element {
color: var(--candy-floss);
background-color: hsl(307 50% 77%);
border-color: oklch(0.803 0.093 330.6);
}Tailwind CSS v4
@theme {
--color-candy-floss: #e2a9db;
--color-candy-floss-50: #ffecff;
--color-candy-floss-100: #fcddf6;
--color-candy-floss-200: #edc6e6;
--color-candy-floss-300: #d5a6cc;
--color-candy-floss-400: #bf8ab8;
--color-candy-floss-500: #a96fa3;
--color-candy-floss-600: #8f5e8a;
--color-candy-floss-700: #734b6e;
--color-candy-floss-800: #543652;
--color-candy-floss-900: #3b2539;
--color-candy-floss-950: #251424;
}SCSS
$candy-floss: #e2a9db;
$candy-floss-rgb: 226, 169, 219;
$candy-floss-light: mix(#fff, $candy-floss, 20%);
$candy-floss-dark: mix(#000, $candy-floss, 20%);
.element {
color: $candy-floss;
box-shadow: 0 0 0 2px rgba($candy-floss, 0.35);
}