Nazwany kolor · #FF44DD
Flamingo Diva
Flamingo Diva to #FF44DD: rgb(255 68 221), hsl(311 100% 63%), oklch(0.709 0.266 336.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Flamingo Diva color name →
#FF44DD
oklch(0.709 0.266 336.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF5FE1
- FF75E5
- FF89E9
- FF9BEC
- FFADF0
- FFBEF3
- FFCFF6
- FFDFF9
- FFEFFC
Odcienie ciemniejsze
- DE3AC0
- BE30A4
- 9E2688
- 801D6E
- 631455
- 480C3D
- 2E0526
- 160211
- 030002
Tony
- F351D4
- E75ACA
- DB62C1
- CF69B8
- C36FAF
- B673A5
- A9779C
- 9C7B93
- 8E7E89
Harmonie kolorów
Komplementarna +180°
- FF44DD
Flamingo Diva
- 00C074
≈ Times Square Screens
Analogowa -30° +30°
- FF44DD
Flamingo Diva
- C17AFF
≈ Illicit Purple
- FF638E
≈ Stellar Strawberry
Triada +120° +240°
- FF44DD
Flamingo Diva
- BCA000
≈ Snakebite Leather
- 00B4D4
≈ Aquarius
Komplementarna rozszczepiona +150° +210°
- FF44DD
Flamingo Diva
- 84B400
≈ Brilliant Green
- 00BAAE
≈ Turquoise Topaz
Tetrada +90° +180° +270°
- FF44DD
Flamingo Diva
- E18A00
≈ Sumac Dyed
- 00C074
≈ Times Square Screens
- 37A8FF
≈ Xed
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.94:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.12:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.12:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
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);
}