#F384BB

#F384BB

Color Values

HEX

#F384BB

RGB

243, 132, 187

HSL

330.3, 82.2%, 73.5%

HSV

330.3, 45.7%, 95.3%

CMYK

0.0%, 45.7%, 23.0%, 4.7%

OKLCH

0.7509 0.1487 350.2

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F384BB

#84F3BC

Analogous

#F384F2

#F38484

#F384BB

Triadic

#F384BB

#BBF384

#84BBF3

Split Complementary

#F384BB

#84F384

#84F2F3

Tetradic

#F384BB

#F2F384

#84F3BC

#8484F3

Color Blindness Simulation

Original

#F384BB

Protanopia

#C3C2AE

Deuteranopia

#C9D2AA

Tritanopia

#EDA3A1

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1ED
200
#F9BEDB
300
#F48FC1
400
#EE53A0
500
#E8177E
600
#BA1265
700
#950F51
800
#740B3F
900
#540D30
950
#35081E

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026