#F5340A

#F5340A

Color Values

HEX

#F5340A

RGB

245, 52, 10

HSL

10.7, 92.2%, 50.0%

HSV

10.7, 95.9%, 96.1%

CMYK

0.0%, 78.8%, 95.9%, 3.9%

OKLCH

0.6296 0.2312 32.5

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F5340A

#0ACBF5

Analogous

#F50A56

#F5A90A

#F5340A

Triadic

#F5340A

#0AF534

#340AF5

Split Complementary

#F5340A

#0AF5A9

#0A56F5

Tetradic

#F5340A

#56F50A

#0ACBF5

#A90AF5

Color Blindness Simulation

Original

#F5340A

Protanopia

#A1A014

Deuteranopia

#ADBB17

Tritanopia

#EB1C1E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #F5340A;
color: #F5340A;
border-color: #F5340A;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF3F1
100
#FBE4DF
200
#FCC6BA
300
#FA9D89
400
#F8694A
500
#F5340A
600
#C42908
700
#9D2106
800
#7B1A05
900
#591708
950
#380E05

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026