#FA6972

#FA6972

Color Values

HEX

#FA6972

RGB

250, 105, 114

HSL

356.3, 93.5%, 69.6%

HSV

356.3, 58.0%, 98.0%

CMYK

0.0%, 58.0%, 54.4%, 2.0%

OKLCH

0.7031 0.1775 19.2

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#FA6972

#69FAF1

Analogous

#FA69BA

#FAA969

#FA6972

Triadic

#FA6972

#72FA69

#6972FA

Split Complementary

#FA6972

#69FAA9

#69BAFA

Tetradic

#FA6972

#BAFA69

#69FAF1

#A969FA

Color Blindness Simulation

Original

#FA6972

Protanopia

#BBBA70

Deuteranopia

#C4CE6F

Tritanopia

#F36E6E

Achromatopsia

#888888

CSS Usage

background-color: #FA6972;
color: #FA6972;
border-color: #FA6972;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABE
300
#FB8990
400
#F94853
500
#F70817
600
#C50712
700
#9E050F
800
#7B040B
900
#59080D
950
#380508

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026