Cor nomeada · #DD55FF
Flaming Flamingo
Flaming Flamingo é #DD55FF: rgb(221 85 255), hsl(288 100% 67%), oklch(0.695 0.257 318.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Flaming Flamingo color name →
#DD55FF
oklch(0.695 0.257 318.9)
Conversões de cor
- HEX
- #dd55ff
- RGB
- rgb(221 85 255)
- HSL
- hsl(288 100% 67%)
- HWB
- hwb(288 33% 0%)
- OKLCH
- oklch(0.695 0.257 318.9)
- OKLab
- oklab(0.695 0.194 -0.169)
- CIE Lab
- lab(60.48 70.24 -60.4)
- LCH
- lch(60.48 92.64 319.3)
- CMYK
- cmyk(13% 67% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- E26BFF
- E67EFF
- EA90FF
- EEA1FF
- F1B2FF
- F4C2FF
- F7D1FF
- FAE1FF
- FDF0FF
Sombras
- C049DE
- A43DBE
- 88319E
- 6E2680
- 551C63
- 3D1148
- 26082E
- 110216
- 020003
Tons
- D45DF2
- CB64E6
- C26AD9
- B96FCC
- B073C0
- A677B3
- 9D7AA7
- 947C9A
- 8A7E8D
Harmonias de cor
Complementar +180°
- DD55FF
Flaming Flamingo
- 44BA00
≈ Luigi
Análoga -30° +30°
- DD55FF
Flaming Flamingo
- 9B87FF
≈ Periwinkle
- FF49B4
≈ Barbie Pink
Tríade +120° +240°
- DD55FF
Flaming Flamingo
- CC9000
≈ Festering Brown
- 00B3B8
≈ Cyan Sky
Complementar dividida +150° +210°
- DD55FF
Flaming Flamingo
- A5A300
≈ Countryside
- 00B88E
≈ Green Velour
Tétrade +90° +180° +270°
- DD55FF
Flaming Flamingo
- F57100
≈ Apocalyptic Orange
- 44BA00
≈ Luigi
- 00ACE0
≈ Blue Fire
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.08:1 · APCA Lc 57
Ag
AASobre preto
WCAG 6.81:1 · APCA Lc 45
Melhor cor de texto: #000000
WCAG 6.81:1 (AA) · APCA Lc 45
Contrast pairs
Trechos de código
CSS
:root {
--flaming-flamingo: #dd55ff;
--flaming-flamingo-rgb: 221 85 255;
--flaming-flamingo-oklch: oklch(0.695 0.257 318.9);
}
.element {
color: var(--flaming-flamingo);
background-color: hsl(288 100% 67%);
border-color: oklch(0.695 0.257 318.9);
}Tailwind CSS v4
@theme {
--color-flaming-flamingo: #dd55ff;
--color-flaming-flamingo-50: #ffddff;
--color-flaming-flamingo-100: #ffcbff;
--color-flaming-flamingo-200: #ffaeff;
--color-flaming-flamingo-300: #f185ff;
--color-flaming-flamingo-400: #dc5dfc;
--color-flaming-flamingo-500: #c922ee;
--color-flaming-flamingo-600: #aa22c9;
--color-flaming-flamingo-700: #881ca1;
--color-flaming-flamingo-800: #64137b;
--color-flaming-flamingo-900: #460d57;
--color-flaming-flamingo-950: #2d003b;
}SCSS
$flaming-flamingo: #dd55ff;
$flaming-flamingo-rgb: 221, 85, 255;
$flaming-flamingo-light: mix(#fff, $flaming-flamingo, 20%);
$flaming-flamingo-dark: mix(#000, $flaming-flamingo, 20%);
.element {
color: $flaming-flamingo;
box-shadow: 0 0 0 2px rgba($flaming-flamingo, 0.35);
}