Named color · #DD98A6
Cherry Ice
Cherry Ice is #DD98A6: rgb(221 152 166), hsl(348 50% 73%), oklch(0.751 0.084 6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Cherry Ice color name →
#DD98A6
oklch(0.751 0.084 6)
Color conversions
- HEX
- #dd98a6
- RGB
- rgb(221 152 166)
- HSL
- hsl(348 50% 73%)
- HWB
- hwb(348 60% 13%)
- OKLCH
- oklch(0.751 0.084 6)
- OKLab
- oklab(0.751 0.084 0.009)
- CIE Lab
- lab(70.11 28.04 3.71)
- LCH
- lch(70.11 28.28 7.5)
- CMYK
- cmyk(0% 31% 25% 13%)
Tints · Shades · Tones
Tints
- E1A2AF
- E5ACB7
- E9B7C0
- ECC1C9
- F0CBD2
- F3D5DB
- F6E0E4
- F9EAED
- FCF5F6
Shades
- C08490
- A4707A
- 885C65
- 6E4A51
- 55383E
- 3D272B
- 26171A
- 11080A
- 020101
Tones
- D496A2
- CA949E
- C1919A
- B88F97
- AF8D93
- A58A8F
- 9C888B
- 938587
- 898384
Color harmonies
Complementary +180°
- DD98A6
Cherry Ice
- 6BC0B6
≈ Tropic Tide
Analogous -30° +30°
- DD98A6
Cherry Ice
- D19AC3
≈ Clover Pink
- DE9B89
≈ Medium Terracotta
Triadic +120° +240°
- DD98A6
Cherry Ice
- A1B87D
≈ Gleeful
- 81B4E1
≈ Dun Morogh Blue
Split-complementary +150° +210°
- DD98A6
Cherry Ice
- 81BF98
≈ Country Weekend
- 6BBCD0
≈ Delusional Dragonfly
Tetradic +90° +180° +270°
- DD98A6
Cherry Ice
- BEAE6F
≈ Swampwater
- 6BC0B6
≈ Tropic Tide
- 9FAAE4
≈ Maximum Blue Purple
Contrast & accessibility
Ag
FailOn white
WCAG 2.30:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.11:1 · APCA Lc 57
Best text color: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--cherry-ice: #dd98a6;
--cherry-ice-rgb: 221 152 166;
--cherry-ice-oklch: oklch(0.751 0.084 6);
}
.element {
color: var(--cherry-ice);
background-color: hsl(348 50% 73%);
border-color: oklch(0.751 0.084 6);
}Tailwind CSS v4
@theme {
--color-cherry-ice: #dd98a6;
--color-cherry-ice-50: #ffecf0;
--color-cherry-ice-100: #ffdde2;
--color-cherry-ice-200: #f6c6cd;
--color-cherry-ice-300: #dea6af;
--color-cherry-ice-400: #ca8a97;
--color-cherry-ice-500: #b66e7e;
--color-cherry-ice-600: #995d6a;
--color-cherry-ice-700: #7b4a55;
--color-cherry-ice-800: #5b363f;
--color-cherry-ice-900: #40252b;
--color-cherry-ice-950: #281319;
}SCSS
$cherry-ice: #dd98a6;
$cherry-ice-rgb: 221, 152, 166;
$cherry-ice-light: mix(#fff, $cherry-ice, 20%);
$cherry-ice-dark: mix(#000, $cherry-ice, 20%);
.element {
color: $cherry-ice;
box-shadow: 0 0 0 2px rgba($cherry-ice, 0.35);
}