#F45C4E

#F45C4E

Color Values

HEX

#F45C4E

RGB

244, 92, 78

HSL

5.1, 88.3%, 63.1%

HSV

5.1, 68.0%, 95.7%

CMYK

0.0%, 62.3%, 68.0%, 4.3%

OKLCH

0.6718 0.1893 28.4

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F45C4E

#4EE6F4

Analogous

#F44E93

#F4AF4E

#F45C4E

Triadic

#F45C4E

#4EF45C

#5C4EF4

Split Complementary

#F45C4E

#4EF4AF

#4E93F4

Tetradic

#F45C4E

#93F44E

#4EE6F4

#AF4EF4

Color Blindness Simulation

Original

#F45C4E

Protanopia

#B2B151

Deuteranopia

#BBC652

Tritanopia

#EC5455

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FBE2E0
200
#FBC1BC
300
#F8958C
400
#F45C4D
500
#F0220F
600
#C01B0C
700
#9A160A
800
#781107
900
#57100A
950
#370A06

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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