Named color · #E8C7BF
Iced Cherry
Iced Cherry is #E8C7BF: rgb(232 199 191), hsl(12 47% 83%), oklch(0.856 0.039 33.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Iced Cherry color name →
#E8C7BF
oklch(0.856 0.039 33.9)
Color conversions
- HEX
- #e8c7bf
- RGB
- rgb(232 199 191)
- HSL
- hsl(12 47% 83%)
- HWB
- hwb(12 75% 9%)
- OKLCH
- oklch(0.856 0.039 33.9)
- OKLab
- oklab(0.856 0.033 0.022)
- CIE Lab
- lab(82.94 11.11 8.56)
- LCH
- lch(82.94 14.03 37.6)
- CMYK
- cmyk(0% 14% 18% 9%)
Tints · Shades · Tones
Tints
- EACDC5
- EDD2CC
- EFD8D2
- F2DDD8
- F4E3DF
- F6E8E5
- F8EEEC
- FBF4F2
- FDF9F8
Shades
- CAADA6
- AC938D
- 907A75
- 74625E
- 594C48
- 403633
- 29211F
- 130E0D
- 030202
Tones
- DDC0B9
- D3B8B2
- C8B1AC
- BDAAA5
- B3A39F
- A99C99
- 9E9592
- 948E8C
- 8A8786
Color harmonies
Complementary +180°
- E8C7BF
Iced Cherry
- B3D7DF
≈ Tear
Analogous -30° +30°
- E8C7BF
Iced Cherry
- E7C5CC
≈ Light Blush
- E3CBB6
≈ Geyser Basin
Triadic +120° +240°
- E8C7BF
Iced Cherry
- BDD8C4
≈ Cool Spring
- C7CEEA
≈ Purple Pj’s
Split-complementary +150° +210°
- E8C7BF
Iced Cherry
- B4D8D2
≈ Wave Top
- BBD3E8
≈ Light Sea Cliff
Tetradic +90° +180° +270°
- E8C7BF
Iced Cherry
- CAD4B9
≈ Willow Tree Mouse
- B3D7DF
≈ Tear
- D5CAE5
≈ Purity
Contrast & accessibility
Ag
FailOn white
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.35:1 · APCA Lc 77
Best text color: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--iced-cherry: #e8c7bf;
--iced-cherry-rgb: 232 199 191;
--iced-cherry-oklch: oklch(0.856 0.039 33.9);
}
.element {
color: var(--iced-cherry);
background-color: hsl(12 47% 83%);
border-color: oklch(0.856 0.039 33.9);
}Tailwind CSS v4
@theme {
--color-iced-cherry: #e8c7bf;
--color-iced-cherry-50: #fff2ee;
--color-iced-cherry-100: #f5e4df;
--color-iced-cherry-200: #e4cfc9;
--color-iced-cherry-300: #cab1aa;
--color-iced-cherry-400: #b4978f;
--color-iced-cherry-500: #9e7d75;
--color-iced-cherry-600: #866a63;
--color-iced-cherry-700: #6b554f;
--color-iced-cherry-800: #4f3e3a;
--color-iced-cherry-900: #372a28;
--color-iced-cherry-950: #221816;
}SCSS
$iced-cherry: #e8c7bf;
$iced-cherry-rgb: 232, 199, 191;
$iced-cherry-light: mix(#fff, $iced-cherry, 20%);
$iced-cherry-dark: mix(#000, $iced-cherry, 20%);
.element {
color: $iced-cherry;
box-shadow: 0 0 0 2px rgba($iced-cherry, 0.35);
}