#F89DD2

#F89DD2

Color Values

HEX

#F89DD2

RGB

248, 157, 210

HSL

325.1, 86.7%, 79.4%

HSV

325.1, 36.7%, 97.3%

CMYK

0.0%, 36.7%, 15.3%, 2.7%

OKLCH

0.8031 0.1259 344.5

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F89DD2

#9DF8C3

Analogous

#F19DF8

#F89DA4

#F89DD2

Triadic

#F89DD2

#D2F89D

#9DD2F8

Split Complementary

#F89DD2

#A4F89D

#9DF8F1

Tetradic

#F89DD2

#F8F19D

#9DF8C3

#9DA4F8

Color Blindness Simulation

Original

#F89DD2

Protanopia

#D1D0C5

Deuteranopia

#D6DDC2

Tritanopia

#F3BBB9

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABCE0
300
#F78DCA
400
#F24FAE
500
#EE1192
600
#BE0E74
700
#980B5D
800
#770849
900
#560B37
950
#360722

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026