Couleur nommée la plus proche · #E3ABAB
#E3ABAB
Couleur nommée la plus proche: Chewing Gum
#E3ABAB (rgb(227 171 171), hsl(0 50% 78%), oklch(0.793 0.066 18.6)) 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.
#E3ABAB
oklch(0.793 0.066 18.6)
Conversions de couleur
- HEX
- #e3abab
- RGB
- rgb(227 171 171)
- HSL
- hsl(0 50% 78%)
- HWB
- hwb(0 67% 11%)
- OKLCH
- oklch(0.793 0.066 18.6)
- OKLab
- oklab(0.793 0.063 0.021)
- CIE Lab
- lab(75.3 21.15 8.43)
- LCH
- lch(75.3 22.77 21.7)
- CMYK
- cmyk(0% 25% 25% 11%)
Teintes · Ombres · Tons
Teintes
- E6B3B3
- E9BCBB
- ECC4C4
- EFCCCC
- F2D5D4
- F5DDDD
- F8E6E5
- FAEEEE
- FDF6F6
Ombres
- C59494
- A87E7E
- 8C6868
- 715454
- 574040
- 3F2D2D
- 271B1B
- 120B0B
- 030101
Tons
- D9A7A7
- CFA2A2
- C59E9E
- BB9A9A
- B19695
- A79191
- 9D8D8D
- 948988
- 8A8484
Harmonies de couleurs
Complémentaire +180°
- E3ABAB
Chewing Gum
- 88C9CB
≈ Embellished Blue
Analogue -30° +30°
- E3ABAB
Chewing Gum
- DDABC2
≈ Roseate Spoonbill
- E0B097
≈ Pink Sand
Triadique +120° +240°
- E3ABAB
Chewing Gum
- A7C69D
≈ Geddy Green
- A2BDE6
≈ Blue Lips
Complémentaire divisée +150° +210°
- E3ABAB
Chewing Gum
- 92CAB4
≈ Mint Ice Cream
- 8FC4DD
≈ Caribbean Coast
Tétradique +90° +180° +270°
- E3ABAB
Chewing Gum
- BFBF8E
≈ Brimstone Butterfly
- 88C9CB
≈ Embellished Blue
- B9B5E4
≈ Beloved
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.96:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.67:1 · APCA Lc 65
Meilleure couleur de texte: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Extraits de code
CSS
:root {
--chewing-gum: #e3abab;
--chewing-gum-rgb: 227 171 171;
--chewing-gum-oklch: oklch(0.793 0.066 18.6);
}
.element {
color: var(--chewing-gum);
background-color: hsl(0 50% 78%);
border-color: oklch(0.793 0.066 18.6);
}Tailwind CSS v4
@theme {
--color-chewing-gum: #e3abab;
--color-chewing-gum-50: #ffeeed;
--color-chewing-gum-100: #fee0de;
--color-chewing-gum-200: #efcac8;
--color-chewing-gum-300: #d7aba9;
--color-chewing-gum-400: #c38f8f;
--color-chewing-gum-500: #ae7475;
--color-chewing-gum-600: #936363;
--color-chewing-gum-700: #764f4f;
--color-chewing-gum-800: #57393a;
--color-chewing-gum-900: #3d2728;
--color-chewing-gum-950: #261516;
}SCSS
$chewing-gum: #e3abab;
$chewing-gum-rgb: 227, 171, 171;
$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);
}