Cor nomeada · #CC55FF
Pink Fever
Pink Fever é #CC55FF: rgb(204 85 255), hsl(282 100% 67%), oklch(0.674 0.251 313.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Pink Fever color name →
#CC55FF
oklch(0.674 0.251 313.9)
Conversões de cor
- HEX
- #cc55ff
- RGB
- rgb(204 85 255)
- HSL
- hsl(282 100% 67%)
- HWB
- hwb(282 33% 0%)
- OKLCH
- oklch(0.674 0.251 313.9)
- OKLab
- oklab(0.674 0.174 -0.18)
- CIE Lab
- lab(58.05 66.17 -64.45)
- LCH
- lch(58.05 92.37 315.8)
- CMYK
- cmyk(20% 67% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- D26BFF
- D77EFF
- DD8FFF
- E2A0FF
- E7B1FF
- ECC1FF
- F1D1FF
- F6E0FF
- FBF0FF
Sombras
- B149DE
- 973DBE
- 7E319E
- 652680
- 4E1C63
- 371148
- 22082E
- 0F0216
- 020003
Tons
- C55DF2
- BD64E6
- B66AD9
- AE6FCD
- A773C0
- 9F76B4
- 9779A7
- 907C9A
- 887E8D
Harmonias de cor
Complementar +180°
- CC55FF
Pink Fever
- 60AE00
≈ Kermit Green
Análoga -30° +30°
- CC55FF
Pink Fever
- 8C82FF
≈ Periwinkle
- F63ABC
≈ Razzle Dazzle Rose
Tríade +120° +240°
- CC55FF
Pink Fever
- CA8700
≈ Lobster Butter Sauce
- 00ACAB
≈ Jade Orchid
Complementar dividida +150° +210°
- CC55FF
Pink Fever
- A69A00
≈ Nuclear Fallout
- 00B17E
≈ Salsify Grass
Tétrade +90° +180° +270°
- CC55FF
Pink Fever
- F46200
≈ Scarlet Ibis
- 60AE00
≈ Kermit Green
- 00A6D0
≈ Charybdis
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.32:1 · APCA Lc 60
Ag
AASobre preto
WCAG 6.31:1 · APCA Lc 42
Melhor cor de texto: #000000
WCAG 6.31:1 (AA) · APCA Lc 42
Contrast pairs
Trechos de código
CSS
:root {
--pink-fever: #cc55ff;
--pink-fever-rgb: 204 85 255;
--pink-fever-oklch: oklch(0.674 0.251 313.9);
}
.element {
color: var(--pink-fever);
background-color: hsl(282 100% 67%);
border-color: oklch(0.674 0.251 313.9);
}Tailwind CSS v4
@theme {
--color-pink-fever: #cc55ff;
--color-pink-fever-50: #ffe0ff;
--color-pink-fever-100: #ffceff;
--color-pink-fever-200: #feb1ff;
--color-pink-fever-300: #e889ff;
--color-pink-fever-400: #d263ff;
--color-pink-fever-500: #bf30f6;
--color-pink-fever-600: #a12ccf;
--color-pink-fever-700: #8224a7;
--color-pink-fever-800: #5e197f;
--color-pink-fever-900: #42115a;
--color-pink-fever-950: #2a013d;
}SCSS
$pink-fever: #cc55ff;
$pink-fever-rgb: 204, 85, 255;
$pink-fever-light: mix(#fff, $pink-fever, 20%);
$pink-fever-dark: mix(#000, $pink-fever, 20%);
.element {
color: $pink-fever;
box-shadow: 0 0 0 2px rgba($pink-fever, 0.35);
}