#FA4F48

#FA4F48

Color Values

HEX

#FA4F48

RGB

250, 79, 72

HSL

2.4, 94.7%, 63.1%

HSV

2.4, 71.2%, 98.0%

CMYK

0.0%, 68.4%, 71.2%, 2.0%

OKLCH

0.6661 0.2085 26.8

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#FA4F48

#48F3FA

Analogous

#FA489A

#FAA848

#FA4F48

Triadic

#FA4F48

#48FA4F

#4F48FA

Split Complementary

#FA4F48

#48FAA8

#489AFA

Tetradic

#FA4F48

#9AFA48

#48F3FA

#A848FA

Color Blindness Simulation

Original

#FA4F48

Protanopia

#B0AE4A

Deuteranopia

#BAC74A

Tritanopia

#F14B4B

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DF
200
#FDBCB9
300
#FC8C88
400
#FA4E47
500
#F81007
600
#C70D05
700
#9F0B04
800
#7C0803
900
#5A0A07
950
#390705

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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