Named color · #EE66AA
Fugitive Flamingo
Fugitive Flamingo is #EE66AA: rgb(238 102 170), hsl(330 80% 67%), oklch(0.698 0.182 351.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Fugitive Flamingo color name →
#EE66AA
oklch(0.698 0.182 351.7)
Color conversions
- HEX
- #ee66aa
- RGB
- rgb(238 102 170)
- HSL
- hsl(330 80% 67%)
- HWB
- hwb(330 40% 7%)
- OKLCH
- oklch(0.698 0.182 351.7)
- OKLab
- oklab(0.698 0.18 -0.026)
- CIE Lab
- lab(62.49 58.34 -9.27)
- LCH
- lch(62.49 59.07 351)
- CMYK
- cmyk(0% 57% 29% 7%)
Tints · Shades · Tones
Tints
- F277B2
- F587BB
- F897C3
- FAA6CB
- FCB5D4
- FEC4DC
- FFD3E5
- FFE2EE
- FFF0F6
Shades
- CF5893
- B14A7D
- 933C68
- 772F53
- 5C233F
- 42172D
- 2A0C1B
- 14040B
- 030001
Tones
- E46AA6
- D96EA2
- CF729D
- C47599
- BA7795
- AF7A91
- A47C8C
- 987D88
- 8C7F84
Color harmonies
Complementary +180°
- EE66AA
Fugitive Flamingo
- 00B893
≈ Aoife’s Green
Analogous -30° +30°
- EE66AA
Fugitive Flamingo
- D072E0
≈ Jewel Caterpillar
- FA6669
≈ Fiery Salmon
Triadic +120° +240°
- EE66AA
Fugitive Flamingo
- A1A600
≈ Jīn Sè Gold
- 00ACE6
≈ Huelveño Horizon
Split-complementary +150° +210°
- EE66AA
Fugitive Flamingo
- 51B845
≈ Skirret Green
- 00B3BD
≈ Marrakech Mile
Tetradic +90° +180° +270°
- EE66AA
Fugitive Flamingo
- CA9300
≈ Elysium Gold
- 00B893
≈ Aoife’s Green
- 659BFF
≈ Blue Chaos
Contrast & accessibility
Ag
FailOn white
WCAG 2.95:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.11:1 · APCA Lc 46
Best text color: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--fugitive-flamingo: #ee66aa;
--fugitive-flamingo-rgb: 238 102 170;
--fugitive-flamingo-oklch: oklch(0.698 0.182 351.7);
}
.element {
color: var(--fugitive-flamingo);
background-color: hsl(330 80% 67%);
border-color: oklch(0.698 0.182 351.7);
}Tailwind CSS v4
@theme {
--color-fugitive-flamingo: #ee66aa;
--color-fugitive-flamingo-50: #ffe0f9;
--color-fugitive-flamingo-100: #ffcfec;
--color-fugitive-flamingo-200: #ffb4da;
--color-fugitive-flamingo-300: #fe8ebe;
--color-fugitive-flamingo-400: #eb6baa;
--color-fugitive-flamingo-500: #d94393;
--color-fugitive-flamingo-600: #b73b7d;
--color-fugitive-flamingo-700: #932f64;
--color-fugitive-flamingo-800: #6d214b;
--color-fugitive-flamingo-900: #4d1634;
--color-fugitive-flamingo-950: #320620;
}SCSS
$fugitive-flamingo: #ee66aa;
$fugitive-flamingo-rgb: 238, 102, 170;
$fugitive-flamingo-light: mix(#fff, $fugitive-flamingo, 20%);
$fugitive-flamingo-dark: mix(#000, $fugitive-flamingo, 20%);
.element {
color: $fugitive-flamingo;
box-shadow: 0 0 0 2px rgba($fugitive-flamingo, 0.35);
}