#FA7565

#FA7565

Color Values

HEX

#FA7565

RGB

250, 117, 101

HSL

6.4, 93.7%, 68.8%

HSV

6.4, 59.6%, 98.0%

CMYK

0.0%, 53.2%, 59.6%, 2.0%

OKLCH

0.7168 0.1659 28.8

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FA7565

#65EAFA

Analogous

#FA65A0

#FABF65

#FA7565

Triadic

#FA7565

#65FA75

#7565FA

Split Complementary

#FA7565

#65FABF

#65A0FA

Tetradic

#FA7565

#A0FA65

#65EAFA

#BF65FA

Color Blindness Simulation

Original

#FA7565

Protanopia

#C0BF69

Deuteranopia

#C8D26A

Tritanopia

#F36C6D

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FDC1BA
300
#FB9588
400
#F95B48
500
#F72208
600
#C61B06
700
#9E1505
800
#7B1104
900
#591008
950
#380A05

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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