#F89FD2

#F89FD2

Color Values

HEX

#F89FD2

RGB

248, 159, 210

HSL

325,6, 86,4%, 79,8%

HSV

325,6, 35,9%, 97,3%

CMYK

0,0%, 35,9%, 15,3%, 2,7%

OKLCH

0,8063 0,1225 344,8

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F89FD2

#9FF8C5

Analogous

#F19FF8

#F89FA6

#F89FD2

Triadic

#F89FD2

#D2F89F

#9FD2F8

Split Complementary

#F89FD2

#A6F89F

#9FF8F1

Tetradic

#F89FD2

#F8F19F

#9FF8C5

#9FA6F8

Color Blindness Simulation

Original

#F89FD2

Protanopia

#D1D1C6

Deuteranopia

#D7DDC3

Tritanopia

#F4BCBA

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABCE0
300
#F78DCA
400
#F24FAD
500
#EE1190
600
#BE0E73
700
#980B5C
800
#770948
900
#560B36
950
#360722

Contrast Checker

Text on white

1,93:1

AA Fail AAA Fail

Text on black

10,88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026