#FA7666

#FA7666

Color Values

HEX

#FA7666

RGB

250, 118, 102

HSL

6.5, 93.7%, 69.0%

HSV

6.5, 59.2%, 98.0%

CMYK

0.0%, 52.8%, 59.2%, 2.0%

OKLCH

0.7184 0.1647 28.8

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FA7666

#66EAFA

Analogous

#FA66A0

#FAC066

#FA7666

Triadic

#FA7666

#66FA76

#7666FA

Split Complementary

#FA7666

#66FAC0

#66A0FA

Tetradic

#FA7666

#A0FA66

#66EAFA

#C066FA

Color Blindness Simulation

Original

#FA7666

Protanopia

#C1C06A

Deuteranopia

#C8D26B

Tritanopia

#F36D6E

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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