#F84A4C

#F84A4C

Color Values

HEX

#F84A4C

RGB

248, 74, 76

HSL

359.3, 92.6%, 63.1%

HSV

359.3, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 69.4%, 2.7%

OKLCH

0.6585 0.2105 24.5

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F84A4C

#4AF8F6

Analogous

#F84AA3

#F89F4A

#F84A4C

Triadic

#F84A4C

#4CF84A

#4A4CF8

Split Complementary

#F84A4C

#4AF89F

#4AA3F8

Tetradic

#F84A4C

#A3F84A

#4AF8F6

#9F4AF8

Color Blindness Simulation

Original

#F84A4C

Protanopia

#ADAB4C

Deuteranopia

#B7C44B

Tritanopia

#EF4B4B

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBABB
300
#FA898A
400
#F8494B
500
#F6090C
600
#C4080A
700
#9D0608
800
#7B0506
900
#590809
950
#380506

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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