Nearest named color · #CC898C
#CC898C
Nearest named color: Old Rose
#CC898C (rgb(204 137 140), hsl(357 40% 67%), oklch(0.698 0.082 16.5)) is closest to the named color Old Rose. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CC898C
oklch(0.698 0.082 16.5)
Color conversions
- HEX
- #cc898c
- RGB
- rgb(204 137 140)
- HSL
- hsl(357 40% 67%)
- HWB
- hwb(357 54% 20%)
- OKLCH
- oklch(0.698 0.082 16.5)
- OKLab
- oklab(0.698 0.079 0.023)
- CIE Lab
- lab(64.13 26.64 9.43)
- LCH
- lch(64.13 28.26 19.5)
- CMYK
- cmyk(0% 33% 31% 20%)
Tints · Shades · Tones
Tints
- D29597
- D7A0A2
- DDACAD
- E2B7B9
- E7C3C4
- ECCFD0
- F1DBDB
- F6E7E7
- FBF3F3
Shades
- B17679
- 976467
- 7E5355
- 654243
- 4E3133
- 372223
- 221414
- 0F0707
- 020101
Tones
- C5888B
- BD888A
- B68788
- AE8687
- A78586
- 9F8485
- 978384
- 908282
- 888181
Color harmonies
Complementary +180°
- CC898C
Old Rose
- 59AEAF
≈ Blue Turquoise
Analogous -30° +30°
- CC898C
Old Rose
- C489A8
≈ Rosy
- C98E72
≈ Baker’s Dream
Triadic +120° +240°
- CC898C
Old Rose
- 86AA77
≈ Lush Fields
- 7DA0D1
≈ Boudoir Blue
Split-complementary +150° +210°
- CC898C
Old Rose
- 69AF93
≈ Dusty Jade Green
- 62A9C5
≈ Blue Mist
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.52:1 · APCA Lc 48
Best text color: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--old-rose: #cc898c;
--old-rose-rgb: 204 137 140;
--old-rose-oklch: oklch(0.698 0.082 16.5);
}
.element {
color: var(--old-rose);
background-color: hsl(357 40% 67%);
border-color: oklch(0.698 0.082 16.5);
}Tailwind CSS v4
@theme {
--color-old-rose: #cc898c;
--color-old-rose-50: #ffecec;
--color-old-rose-100: #ffdedd;
--color-old-rose-200: #f6c7c7;
--color-old-rose-300: #dfa7a7;
--color-old-rose-400: #ca8b8d;
--color-old-rose-500: #b66f73;
--color-old-rose-600: #9a5e61;
--color-old-rose-700: #7c4b4e;
--color-old-rose-800: #5b3639;
--color-old-rose-900: #402527;
--color-old-rose-950: #291415;
}SCSS
$old-rose: #cc898c;
$old-rose-rgb: 204, 137, 140;
$old-rose-light: mix(#fff, $old-rose, 20%);
$old-rose-dark: mix(#000, $old-rose, 20%);
.element {
color: $old-rose;
box-shadow: 0 0 0 2px rgba($old-rose, 0.35);
}