#F45358

#F45358

Color Values

HEX

#F45358

RGB

244, 83, 88

HSL

358.1, 88.0%, 64.1%

HSV

358.1, 66.0%, 95.7%

CMYK

0.0%, 66.0%, 63.9%, 4.3%

OKLCH

0.6631 0.1968 22.6

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F45358

#53F4EF

Analogous

#F453A9

#F49E53

#F45358

Triadic

#F45358

#58F453

#5358F4

Split Complementary

#F45358

#53F49E

#53A9F4

Tetradic

#F45358

#A9F453

#53F4EF

#9E53F4

Color Blindness Simulation

Original

#F45358

Protanopia

#AEAD57

Deuteranopia

#B8C456

Tritanopia

#EC5656

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBCBE
300
#F88C8F
400
#F44E53
500
#F00F16
600
#C00C12
700
#990A0E
800
#78080B
900
#570A0D
950
#370608

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.22:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026