#F82F30

#F82F30

Color Values

HEX

#F82F30

RGB

248, 47, 48

HSL

359.7, 93.5%, 57.8%

HSV

359.7, 81.0%, 97.3%

CMYK

0.0%, 81.0%, 80.6%, 2.7%

OKLCH

0.6337 0.2335 26.9

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F82F30

#2FF8F7

Analogous

#F82F94

#F8922F

#F82F30

Triadic

#F82F30

#30F82F

#2F30F8

Split Complementary

#F82F30

#2FF892

#2F94F8

Tetradic

#F82F30

#94F82F

#2FF8F7

#922FF8

Color Blindness Simulation

Original

#F82F30

Protanopia

#A19F30

Deuteranopia

#ADBC30

Tritanopia

#EE3030

Achromatopsia

#5A5A5A

CSS Usage

background-color: #F82F30;
color: #F82F30;
border-color: #F82F30;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBABA
300
#FB8989
400
#F94849
500
#F70809
600
#C50708
700
#9E0506
800
#7B0405
900
#590808
950
#380505

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026