Color con nombre más cercano · #CC898C
#CC898C
Color con nombre más cercano: Old Rose
#CC898C (rgb(204 137 140), hsl(357 40% 67%), oklch(0.698 0.082 16.5)) se parece más al color con nombre Old Rose. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CC898C
oklch(0.698 0.082 16.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D29597
- D7A0A2
- DDACAD
- E2B7B9
- E7C3C4
- ECCFD0
- F1DBDB
- F6E7E7
- FBF3F3
Sombras
- B17679
- 976467
- 7E5355
- 654243
- 4E3133
- 372223
- 221414
- 0F0707
- 020101
Tonos
- C5888B
- BD888A
- B68788
- AE8687
- A78586
- 9F8485
- 978384
- 908282
- 888181
Armonías de color
Complementario +180°
- CC898C
Old Rose
- 59AEAF
≈ Blue Turquoise
Análogo -30° +30°
- CC898C
Old Rose
- C489A8
≈ Rosy
- C98E72
≈ Baker’s Dream
Triádico +120° +240°
- CC898C
Old Rose
- 86AA77
≈ Lush Fields
- 7DA0D1
≈ Boudoir Blue
Complementario dividido +150° +210°
- CC898C
Old Rose
- 69AF93
≈ Dusty Jade Green
- 62A9C5
≈ Blue Mist
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
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);
}