#F387C6

#F387C6

Color Values

HEX

#F387C6

RGB

243, 135, 198

HSL

325.0, 81.8%, 74.1%

HSV

325.0, 44.4%, 95.3%

CMYK

0.0%, 44.4%, 18.5%, 4.7%

OKLCH

0.7591 0.1503 345.3

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F387C6

#87F3B4

Analogous

#EA87F3

#F38790

#F387C6

Triadic

#F387C6

#C6F387

#87C6F3

Split Complementary

#F387C6

#90F387

#87F3EA

Tetradic

#F387C6

#F3EA87

#87F3B4

#8790F3

Color Blindness Simulation

Original

#F387C6

Protanopia

#C4C3B7

Deuteranopia

#CAD3B3

Tritanopia

#EEABA8

Achromatopsia

#A3A3A3

CSS Usage

background-color: #F387C6;
color: #F387C6;
border-color: #F387C6;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F8
100
#FAE1EF
200
#F9BEE0
300
#F490CA
400
#EE53AE
500
#E81791
600
#B91374
700
#940F5D
800
#740C48
900
#540D36
950
#350822

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.09:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026