#FE7666

#FE7666

Color Values

HEX

#FE7666

RGB

254, 118, 102

HSL

6.3, 98.7%, 69.8%

HSV

6.3, 59.8%, 99.6%

CMYK

0.0%, 53.5%, 59.8%, 0.4%

OKLCH

0.724 0.1691 28.7

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FE7666

#66EEFE

Analogous

#FE66A2

#FEC266

#FE7666

Triadic

#FE7666

#66FE76

#7666FE

Split Complementary

#FE7666

#66FEC2

#66A2FE

Tetradic

#FE7666

#A2FE66

#66EEFE

#C266FE

Color Blindness Simulation

Original

#FE7666

Protanopia

#C3C26A

Deuteranopia

#CBD56B

Tritanopia

#F76D6E

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FFBFB8
300
#FE9285
400
#FE5744
500
#FD1C02
600
#CB1601
700
#A21201
800
#7F0E01
900
#5B0E05
950
#3A0903

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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