#F8504F

#F8504F

Color Values

HEX

#F8504F

RGB

248, 80, 79

HSL

0.4, 92.3%, 64.1%

HSV

0.4, 68.1%, 97.3%

CMYK

0.0%, 67.7%, 68.1%, 2.7%

OKLCH

0.6649 0.2047 24.9

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F8504F

#4FF7F8

Analogous

#F84FA2

#F8A54F

#F8504F

Triadic

#F8504F

#4FF850

#504FF8

Split Complementary

#F8504F

#4FF8A5

#4FA2F8

Tetradic

#F8504F

#A2F84F

#4FF7F8

#A54FF8

Color Blindness Simulation

Original

#F8504F

Protanopia

#AFAE4F

Deuteranopia

#B9C64F

Tritanopia

#F04F4F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBA
300
#FA8A89
400
#F84B4A
500
#F50B0A
600
#C40908
700
#9D0706
800
#7B0605
900
#590908
950
#380605

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026