Flamingo Pink

#FC8EAC
RGB
252, 142, 172
HSL
344°, 95%, 77%
CMYK
0, 44, 32, 1
HSV
344°, 44%, 99%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FC8EAC color: #FC8EAC;
RGB 252, 142, 172 color: rgb(252, 142, 172);
RGB Percentage 99%, 56%, 67% color: rgb(99%, 56%, 67%);
CMYK 0%, 44%, 32%, 1% Not supported in CSS
HSL 344°, 95%, 77% color: hsl(344, 95%, 77%);
HSV 344°, 44%, 99% Not supported in CSS
CIE-LAB 62, 22, -10 color: lab(62% 22 -10);
Decimal 16551596 Not supported in CSS

Color Variations

Shades

#FC8DAA
#FB668E
#FA4072
#F91A55
#E60642
#BF0537
#99042C
#730321

Tints

#FEDDE6
#FED1DD
#FEC6D5
#FDBACC
#FDAFC4
#FDA4BB
#FC98B3
#FC8DAA

Tones

#FC8DAA
#F692AD
#F198B0
#EB9DB2
#E6A3B5
#E0A8B7
#DBAEBA
#D5B4BD

Hues

#FC8DAA
#FCC28D
#E2FC8D
#8EFC8D
#8DFCDE
#8DC6FC
#A78DFC
#FA8DFC

Color Harmonies

Analogous

#FC8DE2
Click to copy
Light Purple
88%
#FC8EAC
Click to copy
Flamingo pink
100%
#FCA78D
Click to copy
Light Red
91%

Complementary

#FC8EAC
Click to copy
Flamingo pink
100%
#8DFCDE
Click to copy
Light Cyan
63%

Split Complementary

#FC8EAC
Click to copy
Flamingo pink
100%
#8DFCA7
Click to copy
Light Green
65%
#8DE2FC
Click to copy
Light Cyan
64%

Triadic

#FC8EAC
Click to copy
Flamingo pink
100%
#AAFC8D
Click to copy
Light Green
68%
#8DAAFC
Click to copy
Light Blue
68%

Tetradic

#FC8EAC
Click to copy
Flamingo pink
100%
#E2FC8D
Click to copy
Light Yellow
73%
#8DFCDE
Click to copy
Light Cyan
63%
#A78DFC
Click to copy
Light Blue
74%

Square

#FC8EAC
Click to copy
Flamingo pink
100%
#E2FC8D
Click to copy
Light Yellow
73%
#8DFCDE
Click to copy
Light Cyan
63%
#A78DFC
Click to copy
Light Blue
74%

CSS & Dev Snippets

CSS
.flamingo-pink {
  color: #FC8EAC;
}
SCSS
$flamingo-pink: #FC8EAC;
RGB
rgb(252, 142, 172)

Accessibility & Contrast

White background

2.19:1
2.19
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.60:1
9.60
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags