#F962AA

#F962AA

Color Values

HEX

#F962AA

RGB

249, 98, 170

HSL

331.4, 92.6%, 68.0%

HSV

331.4, 60.6%, 97.6%

CMYK

0.0%, 60.6%, 31.7%, 2.4%

OKLCH

0.7083 0.197 353.7

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F962AA

#62F9B1

Analogous

#F962F5

#F96562

#F962AA

Triadic

#F962AA

#AAF962

#62AAF9

Split Complementary

#F962AA

#62F965

#62F5F9

Tetradic

#F962AA

#F5F962

#62F9B1

#6562F9

Color Blindness Simulation

Original

#F962AA

Protanopia

#B8B699

Deuteranopia

#C0CC94

Tritanopia

#F18B88

Achromatopsia

#878787

CSS Usage

background-color: #F962AA;
color: #F962AA;
border-color: #F962AA;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBADA
300
#FA89BF
400
#F8499D
500
#F6097A
600
#C40862
700
#9D064E
800
#7B053D
900
#59082F
950
#38051D

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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