Cor nomeada · #ECC9CA
Pink Cardoon
Pink Cardoon é #ECC9CA: rgb(236 201 202), hsl(358 48% 86%), oklch(0.866 0.04 16). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Pink Cardoon color name →
#ECC9CA
oklch(0.866 0.04 16)
Conversões de cor
- HEX
- #ecc9ca
- RGB
- rgb(236 201 202)
- HSL
- hsl(358 48% 86%)
- HWB
- hwb(358 79% 7%)
- OKLCH
- oklch(0.866 0.04 16)
- OKLab
- oklab(0.866 0.038 0.011)
- CIE Lab
- lab(84.03 12.86 4.33)
- LCH
- lch(84.03 13.57 18.6)
- CMYK
- cmyk(0% 15% 14% 7%)
Tons claros · Sombras · Tons
Tons claros
- EECECF
- F0D4D4
- F2D9DA
- F4DEDF
- F6E4E4
- F8E9EA
- FAEFEF
- FBF4F4
- FDFAFA
Sombras
- CDAEAF
- AF9595
- 927C7C
- 766464
- 5B4C4D
- 423637
- 292222
- 130F0F
- 030202
Tons
- E1C1C2
- D6BABB
- CBB3B3
- C0ABAC
- B5A4A4
- AA9D9D
- 9F9596
- 958E8E
- 8A8787
Harmonias de cor
Complementar +180°
- ECC9CA
Pink Cardoon
- B6DCDB
≈ Blue Glass
Análoga -30° +30°
- ECC9CA
Pink Cardoon
- E7C9D8
≈ Kiss Good Night
- EACCBE
≈ Quaint Peche
Tríade +120° +240°
- ECC9CA
Pink Cardoon
- C8D9C0
≈ Crocodile Dreams
- C2D5ED
≈ Polar Opposite
Complementar dividida +150° +210°
- ECC9CA
Pink Cardoon
- BCDCCD
≈ Mirador
- B8D9E7
≈ Watercolour Sky
Tétrade +90° +180° +270°
- ECC9CA
Pink Cardoon
- D6D5B7
≈ Elise
- B6DCDB
≈ Blue Glass
- D0D0ED
≈ Artistic Violet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.77:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--pink-cardoon: #ecc9ca;
--pink-cardoon-rgb: 236 201 202;
--pink-cardoon-oklch: oklch(0.866 0.04 16);
}
.element {
color: var(--pink-cardoon);
background-color: hsl(358 48% 86%);
border-color: oklch(0.866 0.04 16);
}Tailwind CSS v4
@theme {
--color-pink-cardoon: #ecc9ca;
--color-pink-cardoon-50: #fff1f1;
--color-pink-cardoon-100: #f5e3e3;
--color-pink-cardoon-200: #e5cece;
--color-pink-cardoon-300: #cbb0b0;
--color-pink-cardoon-400: #b59596;
--color-pink-cardoon-500: #9f7c7d;
--color-pink-cardoon-600: #86696a;
--color-pink-cardoon-700: #6c5455;
--color-pink-cardoon-800: #4f3d3e;
--color-pink-cardoon-900: #372a2b;
--color-pink-cardoon-950: #221718;
}SCSS
$pink-cardoon: #ecc9ca;
$pink-cardoon-rgb: 236, 201, 202;
$pink-cardoon-light: mix(#fff, $pink-cardoon, 20%);
$pink-cardoon-dark: mix(#000, $pink-cardoon, 20%);
.element {
color: $pink-cardoon;
box-shadow: 0 0 0 2px rgba($pink-cardoon, 0.35);
}