Cor nomeada · #CC77CC
Purple Kush
Purple Kush é #CC77CC: rgb(204 119 204), hsl(300 45% 63%), oklch(0.691 0.152 327.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Kush color name →
#CC77CC
oklch(0.691 0.152 327.1)
Conversões de cor
- HEX
- #cc77cc
- RGB
- rgb(204 119 204)
- HSL
- hsl(300 45% 63%)
- HWB
- hwb(300 47% 20%)
- OKLCH
- oklch(0.691 0.152 327.1)
- OKLab
- oklab(0.691 0.127 -0.082)
- CIE Lab
- lab(61.93 43.33 -29.95)
- LCH
- lch(61.93 52.68 325.4)
- CMYK
- cmyk(0% 42% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- D285D1
- D893D7
- DDA0DC
- E2AEE1
- E8BBE6
- EDC9EB
- F1D6F0
- F6E4F5
- FBF1FA
Sombras
- B167B1
- 975797
- 7E477E
- 653865
- 4E2A4E
- 371C37
- 221022
- 0F050F
- 020102
Tons
- C579C4
- BD7ABD
- B67CB5
- AE7DAE
- A77EA6
- 9F7E9E
- 987F97
- 907F8F
- 888088
Harmonias de cor
Complementar +180°
- CC77CC
Purple Kush
- 51B461
≈ Samphire Green
Análoga -30° +30°
- CC77CC
Purple Kush
- A685ED
≈ Lavender Blossom
- E36F9D
≈ Thulian Pink
Tríade +120° +240°
- CC77CC
Purple Kush
- C19400
≈ Nugget Gold
- 00B0C1
≈ Antigua Blue
Complementar dividida +150° +210°
- CC77CC
Purple Kush
- 96A71C
≈ Augustus Asparagus
- 00B59A
≈ Aloha
Tétrade +90° +180° +270°
- CC77CC
Purple Kush
- E08029
≈ Sports Fan
- 51B461
≈ Samphire Green
- 00A7ED
≈ Vivid Cerulean
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASobre preto
WCAG 7.07:1 · APCA Lc 46
Melhor cor de texto: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Trechos de código
CSS
:root {
--purple-kush: #cc77cc;
--purple-kush-rgb: 204 119 204;
--purple-kush-oklch: oklch(0.691 0.152 327.1);
}
.element {
color: var(--purple-kush);
background-color: hsl(300 45% 63%);
border-color: oklch(0.691 0.152 327.1);
}Tailwind CSS v4
@theme {
--color-purple-kush: #cc77cc;
--color-purple-kush-50: #ffe6ff;
--color-purple-kush-100: #ffd6ff;
--color-purple-kush-200: #f9bdf4;
--color-purple-kush-300: #e29bdd;
--color-purple-kush-400: #cd7ccd;
--color-purple-kush-500: #b95cb9;
--color-purple-kush-600: #9c4f9d;
--color-purple-kush-700: #7d3f7e;
--color-purple-kush-800: #5c2d5f;
--color-purple-kush-900: #401f42;
--color-purple-kush-950: #290e2b;
}SCSS
$purple-kush: #cc77cc;
$purple-kush-rgb: 204, 119, 204;
$purple-kush-light: mix(#fff, $purple-kush, 20%);
$purple-kush-dark: mix(#000, $purple-kush, 20%);
.element {
color: $purple-kush;
box-shadow: 0 0 0 2px rgba($purple-kush, 0.35);
}