Cor nomeada · #FF44DD
Flamingo Diva
Flamingo Diva é #FF44DD: rgb(255 68 221), hsl(311 100% 63%), oklch(0.709 0.266 336.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Flamingo Diva color name →
#FF44DD
oklch(0.709 0.266 336.5)
Conversões de cor
- HEX
- #ff44dd
- RGB
- rgb(255 68 221)
- HSL
- hsl(311 100% 63%)
- HWB
- hwb(311 27% 0%)
- OKLCH
- oklch(0.709 0.266 336.5)
- OKLab
- oklab(0.709 0.244 -0.106)
- CIE Lab
- lab(62.32 80.02 -38.17)
- LCH
- lch(62.32 88.65 334.5)
- CMYK
- cmyk(0% 73% 13% 0%)
Tons claros · Sombras · Tons
Tons claros
- FF5FE1
- FF75E5
- FF89E9
- FF9BEC
- FFADF0
- FFBEF3
- FFCFF6
- FFDFF9
- FFEFFC
Sombras
- DE3AC0
- BE30A4
- 9E2688
- 801D6E
- 631455
- 480C3D
- 2E0526
- 160211
- 030002
Tons
- F351D4
- E75ACA
- DB62C1
- CF69B8
- C36FAF
- B673A5
- A9779C
- 9C7B93
- 8E7E89
Harmonias de cor
Complementar +180°
- FF44DD
Flamingo Diva
- 00C074
≈ Times Square Screens
Análoga -30° +30°
- FF44DD
Flamingo Diva
- C17AFF
≈ Illicit Purple
- FF638E
≈ Stellar Strawberry
Tríade +120° +240°
- FF44DD
Flamingo Diva
- BCA000
≈ Snakebite Leather
- 00B4D4
≈ Aquarius
Complementar dividida +150° +210°
- FF44DD
Flamingo Diva
- 84B400
≈ Brilliant Green
- 00BAAE
≈ Turquoise Topaz
Tétrade +90° +180° +270°
- FF44DD
Flamingo Diva
- E18A00
≈ Sumac Dyed
- 00C074
≈ Times Square Screens
- 37A8FF
≈ Xed
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.94:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.12:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.12:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--flamingo-diva: #ff44dd;
--flamingo-diva-rgb: 255 68 221;
--flamingo-diva-oklch: oklch(0.709 0.266 336.5);
}
.element {
color: var(--flamingo-diva);
background-color: hsl(311 100% 63%);
border-color: oklch(0.709 0.266 336.5);
}Tailwind CSS v4
@theme {
--color-flamingo-diva: #ff44dd;
--color-flamingo-diva-50: #ffd8ff;
--color-flamingo-diva-100: #ffc5ff;
--color-flamingo-diva-200: #ffa4fa;
--color-flamingo-diva-300: #ff78e5;
--color-flamingo-diva-400: #f849d7;
--color-flamingo-diva-500: #e600c5;
--color-flamingo-diva-600: #c200a6;
--color-flamingo-diva-700: #9c0085;
--color-flamingo-diva-800: #730066;
--color-flamingo-diva-900: #510048;
--color-flamingo-diva-950: #36002f;
}SCSS
$flamingo-diva: #ff44dd;
$flamingo-diva-rgb: 255, 68, 221;
$flamingo-diva-light: mix(#fff, $flamingo-diva, 20%);
$flamingo-diva-dark: mix(#000, $flamingo-diva, 20%);
.element {
color: $flamingo-diva;
box-shadow: 0 0 0 2px rgba($flamingo-diva, 0.35);
}