#F5684C

#F5684C

Color Values

HEX

#F5684C

RGB

245, 104, 76

HSL

9.9, 89.4%, 62.9%

HSV

9.9, 69.0%, 96.1%

CMYK

0.0%, 57.6%, 69.0%, 3.9%

OKLCH

0.6882 0.1792 33.0

Properties

Warm Light Nearest: coral 1

Color Harmonies

Complementary

#F5684C

#4CD9F5

Analogous

#F54C84

#F5BC4C

#F5684C

Triadic

#F5684C

#4CF568

#684CF5

Split Complementary

#F5684C

#4CF5BC

#4C84F5

Tetradic

#F5684C

#84F54C

#4CD9F5

#BC4CF5

Color Blindness Simulation

Original

#F5684C

Protanopia

#B8B753

Deuteranopia

#C0CB54

Tritanopia

#EE5859

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FBE4E0
200
#FBC6BB
300
#F99D8B
400
#F5684C
500
#F1330E
600
#C1290B
700
#9B2109
800
#791A07
900
#571609
950
#370E06

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026