#F5934C

#F5934C

Color Values

HEX

#F5934C

RGB

245, 147, 76

HSL

25.2, 89.4%, 62.9%

HSV

25.2, 69.0%, 96.1%

CMYK

0.0%, 40.0%, 69.0%, 3.9%

OKLCH

0.7533 0.1459 54.2

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F5934C

#4CAEF5

Analogous

#F54C59

#F5E74C

#F5934C

Triadic

#F5934C

#4CF593

#934CF5

Split Complementary

#F5934C

#4CF5E7

#4C59F5

Tetradic

#F5934C

#59F54C

#4CAEF5

#E74CF5

Color Blindness Simulation

Original

#F5934C

Protanopia

#CBCA5D

Deuteranopia

#D0D861

Tritanopia

#F06B6E

Achromatopsia

#A3A3A3

CSS Usage

background-color: #F5934C;
color: #F5934C;
border-color: #F5934C;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD6BB
300
#F9B98B
400
#F5934C
500
#F16D0E
600
#C1570B
700
#9B4609
800
#793707
900
#572A09
950
#371B06

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.16:1

AA Pass AAA Pass

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