Couleur nommée la plus proche · #E5B0AD
#E5B0AD
Couleur nommée la plus proche: Chewing Gum
#E5B0AD (rgb(229 176 173), hsl(3 52% 79%), oklch(0.805 0.062 22.3)) est la plus proche de la couleur nommée Chewing Gum. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E5B0AD
oklch(0.805 0.062 22.3)
Conversions de couleur
- HEX
- #e5b0ad
- RGB
- rgb(229 176 173)
- HSL
- hsl(3 52% 79%)
- HWB
- hwb(3 68% 10%)
- OKLCH
- oklch(0.805 0.062 22.3)
- OKLab
- oklab(0.805 0.058 0.024)
- CIE Lab
- lab(76.73 19.58 9.4)
- LCH
- lch(76.73 21.72 25.6)
- CMYK
- cmyk(0% 23% 24% 10%)
Teintes · Ombres · Tons
Teintes
- E8B8B5
- EBC0BD
- EEC7C5
- F0CFCD
- F3D7D5
- F6DFDE
- F8E7E6
- FAEFEE
- FDF7F7
Ombres
- C79996
- AA827F
- 8E6C6A
- 725655
- 584241
- 3F2E2D
- 281C1B
- 120B0B
- 030101
Tons
- DBABA8
- D0A6A4
- C6A29F
- BC9D9B
- B29896
- A89392
- 9E8E8D
- 948A89
- 8A8584
Harmonies de couleurs
Complémentaire +180°
- E5B0AD
Chewing Gum
- 8FCCD1
≈ Pentagon
Analogue -30° +30°
- E5B0AD
Chewing Gum
- E0AFC3
≈ Roseate Spoonbill
- E1B59B
≈ Pink Tulle
Triadique +120° +240°
- E5B0AD
Chewing Gum
- A9CAA5
≈ Limestoned
- AAC0E8
≈ Sky High
Complémentaire divisée +150° +210°
- E5B0AD
Chewing Gum
- 96CDBB
≈ Mint Twist
- 97C7E1
≈ Caribbean Coast
Tétradique +90° +180° +270°
- E5B0AD
Chewing Gum
- BFC496
≈ Green Mist
- 8FCCD1
≈ Pentagon
- C0B8E5
≈ Melrose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.88:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.14:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.14:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--chewing-gum: #e5b0ad;
--chewing-gum-rgb: 229 176 173;
--chewing-gum-oklch: oklch(0.805 0.062 22.3);
}
.element {
color: var(--chewing-gum);
background-color: hsl(3 52% 79%);
border-color: oklch(0.805 0.062 22.3);
}Tailwind CSS v4
@theme {
--color-chewing-gum: #e5b0ad;
--color-chewing-gum-50: #ffefec;
--color-chewing-gum-100: #fce0de;
--color-chewing-gum-200: #eecbc7;
--color-chewing-gum-300: #d6aca8;
--color-chewing-gum-400: #c1908e;
--color-chewing-gum-500: #ac7673;
--color-chewing-gum-600: #916462;
--color-chewing-gum-700: #75504e;
--color-chewing-gum-800: #563a39;
--color-chewing-gum-900: #3c2827;
--color-chewing-gum-950: #261615;
}SCSS
$chewing-gum: #e5b0ad;
$chewing-gum-rgb: 229, 176, 173;
$chewing-gum-light: mix(#fff, $chewing-gum, 20%);
$chewing-gum-dark: mix(#000, $chewing-gum, 20%);
.element {
color: $chewing-gum;
box-shadow: 0 0 0 2px rgba($chewing-gum, 0.35);
}