#F8ABDC

#F8ABDC

Color Values

HEX

#F8ABDC

RGB

248, 171, 220

HSL

321.8, 84.6%, 82.2%

HSV

321.8, 31.0%, 97.3%

CMYK

0.0%, 31.0%, 11.3%, 2.7%

OKLCH

0.8294 0.109 341.2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F8ABDC

#ABF8C7

Analogous

#EEABF8

#F8ABB6

#F8ABDC

Triadic

#F8ABDC

#DCF8AB

#ABDCF8

Split Complementary

#F8ABDC

#B6F8AB

#ABF8EE

Tetradic

#F8ABDC

#F8EEAB

#ABF8C7

#ABB6F8

Color Blindness Simulation

Original

#F8ABDC

Protanopia

#D7D6D0

Deuteranopia

#DBE1CD

Tritanopia

#F4C7C5

Achromatopsia

#BFBFBF

CSS Usage

background-color: #F8ABDC;
color: #F8ABDC;
border-color: #F8ABDC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F9
100
#FAE0F1
200
#FABDE4
300
#F68ED0
400
#F051B6
500
#EB149D
600
#BC107E
700
#970D64
800
#760A4E
900
#550C3B
950
#360725

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.85:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026