#F96CB2

#F96CB2

Color Values

HEX

#F96CB2

RGB

249, 108, 178

HSL

330.2, 92.2%, 70.0%

HSV

330.2, 56.6%, 97.6%

CMYK

0.0%, 56.6%, 28.5%, 2.4%

OKLCH

0.723 0.1866 351.8

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#F96CB2

#6CF9B3

Analogous

#F96CF9

#F96C6C

#F96CB2

Triadic

#F96CB2

#B2F96C

#6CB2F9

Split Complementary

#F96CB2

#6CF96C

#6CF9F9

Tetradic

#F96CB2

#F9F96C

#6CF9B3

#6C6CF9

Color Blindness Simulation

Original

#F96CB2

Protanopia

#BCBBA1

Deuteranopia

#C4CF9D

Tritanopia

#F29491

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADB
300
#FA89C1
400
#F84AA0
500
#F50A7F
600
#C40865
700
#9D0651
800
#7B053F
900
#590830
950
#38051E

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.82: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