Cor nomeada · #BB8DA8
Elite Pink
Elite Pink é #BB8DA8: rgb(187 141 168), hsl(325 25% 64%), oklch(0.696 0.066 342.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Elite Pink color name →
#BB8DA8
oklch(0.696 0.066 342.9)
Conversões de cor
- HEX
- #bb8da8
- RGB
- rgb(187 141 168)
- HSL
- hsl(325 25% 64%)
- HWB
- hwb(325 55% 27%)
- OKLCH
- oklch(0.696 0.066 342.9)
- OKLab
- oklab(0.696 0.063 -0.019)
- CIE Lab
- lab(63.77 21.2 -7.15)
- LCH
- lch(63.77 22.38 341.4)
- CMYK
- cmyk(0% 25% 10% 27%)
Tons claros · Sombras · Tons
Tons claros
- C298B0
- C9A3B9
- D0AEC1
- D7BACA
- DEC5D3
- E4D0DB
- EBDCE4
- F2E8ED
- F8F3F6
Sombras
- A27A92
- 8A677C
- 735567
- 5C4452
- 46333F
- 32232C
- 1F141A
- 0D070A
- 020101
Tons
- B58CA4
- AF8BA0
- A9899C
- A48898
- 9E8794
- 988690
- 92848C
- 8C8388
- 868184
Harmonias de cor
Complementar +180°
- BB8DA8
Elite Pink
- 77AA91
≈ Acapulco
Análoga -30° +30°
- BB8DA8
Elite Pink
- AC91BB
≈ Lavender Earl
- C38C91
≈ Dogwood Bloom
Tríade +120° +240°
- BB8DA8
Elite Pink
- A49F6F
≈ Westcar Papyrus
- 6EA7BB
≈ Blue Chiffon
Complementar dividida +150° +210°
- BB8DA8
Elite Pink
- 8DA67C
≈ Lounge Green
- 6AAAA8
≈ Veranda
Tétrade +90° +180° +270°
- BB8DA8
Elite Pink
- B7976F
≈ Warrant
- 77AA91
≈ Acapulco
- 80A0C6
≈ Alaskan Ice
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--elite-pink: #bb8da8;
--elite-pink-rgb: 187 141 168;
--elite-pink-oklch: oklch(0.696 0.066 342.9);
}
.element {
color: var(--elite-pink);
background-color: hsl(325 25% 64%);
border-color: oklch(0.696 0.066 342.9);
}Tailwind CSS v4
@theme {
--color-elite-pink: #bb8da8;
--color-elite-pink-50: #ffeef9;
--color-elite-pink-100: #f9e0ed;
--color-elite-pink-200: #eac9db;
--color-elite-pink-300: #d1aabf;
--color-elite-pink-400: #bb8fa9;
--color-elite-pink-500: #a67592;
--color-elite-pink-600: #8c637b;
--color-elite-pink-700: #704f63;
--color-elite-pink-800: #523949;
--color-elite-pink-900: #392733;
--color-elite-pink-950: #24151e;
}SCSS
$elite-pink: #bb8da8;
$elite-pink-rgb: 187, 141, 168;
$elite-pink-light: mix(#fff, $elite-pink, 20%);
$elite-pink-dark: mix(#000, $elite-pink, 20%);
.element {
color: $elite-pink;
box-shadow: 0 0 0 2px rgba($elite-pink, 0.35);
}