Nearest named color · #E5B0AD
#E5B0AD
Nearest named color: Chewing Gum
#E5B0AD (rgb(229 176 173), hsl(3 52% 79%), oklch(0.805 0.062 22.3)) is closest to the named color Chewing Gum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E5B0AD
oklch(0.805 0.062 22.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E8B8B5
- EBC0BD
- EEC7C5
- F0CFCD
- F3D7D5
- F6DFDE
- F8E7E6
- FAEFEE
- FDF7F7
Shades
- C79996
- AA827F
- 8E6C6A
- 725655
- 584241
- 3F2E2D
- 281C1B
- 120B0B
- 030101
Tones
- DBABA8
- D0A6A4
- C6A29F
- BC9D9B
- B29896
- A89392
- 9E8E8D
- 948A89
- 8A8584
Color harmonies
Complementary +180°
- E5B0AD
Chewing Gum
- 8FCCD1
≈ Pentagon
Analogous -30° +30°
- E5B0AD
Chewing Gum
- E0AFC3
≈ Roseate Spoonbill
- E1B59B
≈ Pink Tulle
Triadic +120° +240°
- E5B0AD
Chewing Gum
- A9CAA5
≈ Limestoned
- AAC0E8
≈ Sky High
Split-complementary +150° +210°
- E5B0AD
Chewing Gum
- 96CDBB
≈ Mint Twist
- 97C7E1
≈ Caribbean Coast
Tetradic +90° +180° +270°
- E5B0AD
Chewing Gum
- BFC496
≈ Green Mist
- 8FCCD1
≈ Pentagon
- C0B8E5
≈ Melrose
Contrast & accessibility
Ag
FailOn white
WCAG 1.88:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.14:1 · APCA Lc 67
Best text color: #000000
WCAG 11.14:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
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);
}