#FD7366

#FD7366

Color Values

HEX

#FD7366

RGB

253, 115, 102

HSL

5,2, 97,4%, 69,6%

HSV

5,2, 59,7%, 99,2%

CMYK

0,0%, 54,5%, 59,7%, 0,8%

OKLCH

0,7184 0,1712 27,6

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FD7366

#66F0FD

Analogous

#FD66A4

#FDBF66

#FD7366

Triadic

#FD7366

#66FD73

#7366FD

Split Complementary

#FD7366

#66FDBF

#66A4FD

Tetradic

#FD7366

#A4FD66

#66F0FD

#BF66FD

Color Blindness Simulation

Original

#FD7366

Protanopia

#C1C069

Deuteranopia

#C9D46A

Tritanopia

#F66C6C

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEBFB9
300
#FD9186
400
#FD5545
500
#FC1903
600
#C91403
700
#A11002
800
#7E0C02
900
#5B0D06
950
#390804

Contrast Checker

Text on white

2,69:1

AA Fail AAA Fail

Text on black

7,82:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026