Named color · #F8BDD9
Flamingo Feather
Flamingo Feather is #F8BDD9: rgb(248 189 217), hsl(332 81% 86%), oklch(0.86 0.076 348.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Flamingo Feather color name →
#F8BDD9
oklch(0.86 0.076 348.7)
Color conversions
- HEX
- #f8bdd9
- RGB
- rgb(248 189 217)
- HSL
- hsl(332 81% 86%)
- HWB
- hwb(332 74% 3%)
- OKLCH
- oklch(0.86 0.076 348.7)
- OKLab
- oklab(0.86 0.075 -0.015)
- CIE Lab
- lab(82.69 24.98 -5.4)
- LCH
- lch(82.69 25.56 347.8)
- CMYK
- cmyk(0% 24% 13% 3%)
Tints · Shades · Tones
Tints
- F9C4DD
- FACAE1
- FBD1E4
- FCD7E8
- FDDEEC
- FDE5F0
- FEEBF4
- FEF2F7
- FFF8FB
Shades
- D8A4BC
- B88CA1
- 9A7486
- 7C5D6C
- 604753
- 45333B
- 2C1F25
- 150D11
- 030202
Tones
- ECB7D0
- DFB1C7
- D3ABBD
- C7A4B4
- BB9EAB
- AF98A3
- A3929A
- 978C91
- 8C8689
Color harmonies
Complementary +180°
- F8BDD9
Flamingo Feather
- 9FE2C8
≈ Reef Green
Analogous -30° +30°
- F8BDD9
Flamingo Feather
- E7C1F1
≈ Purple’s Baby Sister
- FFBDBD
≈ Peach Scone
Triadic +120° +240°
- F8BDD9
Flamingo Feather
- D4D59B
≈ Misty Bead
- 9CDBF9
≈ Shiva Blue
Split-complementary +150° +210°
- F8BDD9
Flamingo Feather
- B8DEAD
≈ Embroidered Silk
- 93E1E3
≈ Aqua Fiesta
Tetradic +90° +180° +270°
- F8BDD9
Flamingo Feather
- ECCC98
≈ Knightley Straw
- 9FE2C8
≈ Reef Green
- B6D3FF
≈ Ice Cold Stare
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.27:1 · APCA Lc 77
Best text color: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--flamingo-feather: #f8bdd9;
--flamingo-feather-rgb: 248 189 217;
--flamingo-feather-oklch: oklch(0.86 0.076 348.7);
}
.element {
color: var(--flamingo-feather);
background-color: hsl(332 81% 86%);
border-color: oklch(0.86 0.076 348.7);
}Tailwind CSS v4
@theme {
--color-flamingo-feather: #f8bdd9;
--color-flamingo-feather-50: #ffedf8;
--color-flamingo-feather-100: #fddeeb;
--color-flamingo-feather-200: #efc8d8;
--color-flamingo-feather-300: #d7a8bc;
--color-flamingo-feather-400: #c18ca6;
--color-flamingo-feather-500: #ac718e;
--color-flamingo-feather-600: #926078;
--color-flamingo-feather-700: #754d60;
--color-flamingo-feather-800: #563748;
--color-flamingo-feather-900: #3c2632;
--color-flamingo-feather-950: #26141e;
}SCSS
$flamingo-feather: #f8bdd9;
$flamingo-feather-rgb: 248, 189, 217;
$flamingo-feather-light: mix(#fff, $flamingo-feather, 20%);
$flamingo-feather-dark: mix(#000, $flamingo-feather, 20%);
.element {
color: $flamingo-feather;
box-shadow: 0 0 0 2px rgba($flamingo-feather, 0.35);
}