#FA7271

#FA7271

Color Values

HEX

#FA7271

RGB

250, 114, 113

HSL

0.4, 93.2%, 71.2%

HSV

0.4, 54.8%, 98.0%

CMYK

0.0%, 54.4%, 54.8%, 2.0%

OKLCH

0.7148 0.1672 22.6

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#FA7271

#71F9FA

Analogous

#FA71B5

#FAB671

#FA7271

Triadic

#FA7271

#71FA72

#7271FA

Split Complementary

#FA7271

#71FAB6

#71B5FA

Tetradic

#FA7271

#B5FA71

#71F9FA

#B671FA

Color Blindness Simulation

Original

#FA7271

Protanopia

#BFBE71

Deuteranopia

#C7D171

Tritanopia

#F37171

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBABA
300
#FB8A89
400
#F94A49
500
#F60A09
600
#C50807
700
#9E0706
800
#7B0504
900
#590808
950
#380505

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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