Cor nomeada · #E6B0AF
Chewing Gum
Chewing Gum é #E6B0AF: rgb(230 176 175), hsl(1 52% 79%), oklch(0.806 0.063 19.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Chewing Gum color name →
#E6B0AF
oklch(0.806 0.063 19.8)
Conversões de cor
- HEX
- #e6b0af
- RGB
- rgb(230 176 175)
- HSL
- hsl(1 52% 79%)
- HWB
- hwb(1 69% 10%)
- OKLCH
- oklch(0.806 0.063 19.8)
- OKLab
- oklab(0.806 0.06 0.021)
- CIE Lab
- lab(76.88 20.17 8.54)
- LCH
- lch(76.88 21.91 22.9)
- CMYK
- cmyk(0% 23% 24% 10%)
Tons claros · Sombras · Tons
Tons claros
- E9B8B7
- ECC0BF
- EEC7C6
- F1CFCE
- F4D7D6
- F6DFDE
- F8E7E6
- FBEFEF
- FDF7F7
Sombras
- C89998
- AB8281
- 8E6C6B
- 735656
- 594241
- 402E2E
- 281C1C
- 130B0B
- 030101
Tons
- DCABAA
- D1A6A5
- C7A2A1
- BD9D9C
- B29897
- A89393
- 9E8E8E
- 948A89
- 8A8585
Harmonias de cor
Complementar +180°
- E6B0AF
Chewing Gum
- 8FCDD0
≈ Fling Green
Análoga -30° +30°
- E6B0AF
Chewing Gum
- E0B0C6
≈ Roseate Spoonbill
- E2B49C
≈ Pink Tulle
Tríade +120° +240°
- E6B0AF
Chewing Gum
- ABCAA3
≈ Limestoned
- A8C1E9
≈ Sky High
Complementar dividida +150° +210°
- E6B0AF
Chewing Gum
- 97CDB9
≈ Mint Ice Cream
- 96C8E1
≈ Caribbean Coast
Tétrade +90° +180° +270°
- E6B0AF
Chewing Gum
- C2C495
≈ Brimstone Butterfly
- 8FCDD0
≈ Fling Green
- BEB9E7
≈ Pretty Posie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.19:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--chewing-gum: #e6b0af;
--chewing-gum-rgb: 230 176 175;
--chewing-gum-oklch: oklch(0.806 0.063 19.8);
}
.element {
color: var(--chewing-gum);
background-color: hsl(1 52% 79%);
border-color: oklch(0.806 0.063 19.8);
}Tailwind CSS v4
@theme {
--color-chewing-gum: #e6b0af;
--color-chewing-gum-50: #ffefed;
--color-chewing-gum-100: #fde0de;
--color-chewing-gum-200: #eecac8;
--color-chewing-gum-300: #d6aba9;
--color-chewing-gum-400: #c1908f;
--color-chewing-gum-500: #ac7575;
--color-chewing-gum-600: #926463;
--color-chewing-gum-700: #754f4f;
--color-chewing-gum-800: #56393a;
--color-chewing-gum-900: #3c2728;
--color-chewing-gum-950: #261516;
}SCSS
$chewing-gum: #e6b0af;
$chewing-gum-rgb: 230, 176, 175;
$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);
}