Named color · #F74480
Flamboyant Flamingo
Flamboyant Flamingo is #F74480: rgb(247 68 128), hsl(340 92% 62%), oklch(0.662 0.217 5.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Flamboyant Flamingo color name →
#F74480
oklch(0.662 0.217 5.3)
Color conversions
- HEX
- #f74480
- RGB
- rgb(247 68 128)
- HSL
- hsl(340 92% 62%)
- HWB
- hwb(340 27% 3%)
- OKLCH
- oklch(0.662 0.217 5.3)
- OKLab
- oklab(0.662 0.216 0.02)
- CIE Lab
- lab(58.18 70.6 9.14)
- LCH
- lch(58.18 71.19 7.4)
- CMYK
- cmyk(0% 72% 48% 3%)
Tints · Shades · Tones
Tints
- FB5D8C
- FE7298
- FF85A4
- FF98B1
- FFAABE
- FFBBCA
- FFCCD7
- FFDDE4
- FFEEF2
Shades
- D73A6E
- B7305D
- 99264D
- 7C1D3D
- 60142E
- 450C1F
- 2C0512
- 150206
- 030001
Tones
- EC4F80
- E25880
- D76080
- CB6680
- C06C80
- B47180
- A87580
- 9C7980
- 8E7D80
Color harmonies
Complementary +180°
- F74480
Flamboyant Flamingo
- 00A99D
≈ Tropical Hideaway
Analogous -30° +30°
- F74480
Flamboyant Flamingo
- DE51C6
≈ Purplish Pink
- FB4D1B
≈ Dragon’s Fire
Triadic +120° +240°
- F74480
Flamboyant Flamingo
- 7BA300
≈ Support Green
- 0099F2
≈ Fresh Blue of Bel Air
Split-complementary +150° +210°
- F74480
Flamboyant Flamingo
- 00AF65
≈ Island Green
- 00A4C0
≈ Maui
Tetradic +90° +180° +270°
- F74480
Flamboyant Flamingo
- AD9100
≈ Manure
- 00A99D
≈ Tropical Hideaway
- 7684FF
≈ Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 3.44:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.09:1 · APCA Lc 41
Best text color: #000000
WCAG 6.09:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--flamboyant-flamingo: #f74480;
--flamboyant-flamingo-rgb: 247 68 128;
--flamboyant-flamingo-oklch: oklch(0.662 0.217 5.3);
}
.element {
color: var(--flamboyant-flamingo);
background-color: hsl(340 92% 62%);
border-color: oklch(0.662 0.217 5.3);
}Tailwind CSS v4
@theme {
--color-flamboyant-flamingo: #f74480;
--color-flamboyant-flamingo-50: #ffdcea;
--color-flamboyant-flamingo-100: #ffcadb;
--color-flamboyant-flamingo-200: #ffabc4;
--color-flamboyant-flamingo-300: #ff82a3;
--color-flamboyant-flamingo-400: #ff588c;
--color-flamboyant-flamingo-500: #f01a72;
--color-flamboyant-flamingo-600: #ca1d60;
--color-flamboyant-flamingo-700: #a3184d;
--color-flamboyant-flamingo-800: #790f3b;
--color-flamboyant-flamingo-900: #560a28;
--color-flamboyant-flamingo-950: #390016;
}SCSS
$flamboyant-flamingo: #f74480;
$flamboyant-flamingo-rgb: 247, 68, 128;
$flamboyant-flamingo-light: mix(#fff, $flamboyant-flamingo, 20%);
$flamboyant-flamingo-dark: mix(#000, $flamboyant-flamingo, 20%);
.element {
color: $flamboyant-flamingo;
box-shadow: 0 0 0 2px rgba($flamboyant-flamingo, 0.35);
}