#FA4F50

#FA4F50

Color Values

HEX

#FA4F50

RGB

250, 79, 80

HSL

359.6, 94.5%, 64.5%

HSV

359.6, 68.4%, 98.0%

CMYK

0.0%, 68.4%, 68.0%, 2.0%

OKLCH

0.6673 0.2075 24.4

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FA4F50

#4FFAF9

Analogous

#FA4FA6

#FAA34F

#FA4F50

Triadic

#FA4F50

#50FA4F

#4F50FA

Split Complementary

#FA4F50

#4FFAA3

#4FA6FA

Tetradic

#FA4F50

#A6FA4F

#4FFAF9

#A34FFA

Color Blindness Simulation

Original

#FA4F50

Protanopia

#B0AE50

Deuteranopia

#BAC750

Tritanopia

#F15050

Achromatopsia

#737373

CSS Usage

background-color: #FA4F50;
color: #FA4F50;
border-color: #FA4F50;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBABA
300
#FC8889
400
#FA4749
500
#F80709
600
#C60607
700
#9F0406
800
#7C0404
900
#5A0708
950
#390505

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

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