#F18302

#F18302

Color Values

HEX

#F18302

RGB

241, 131, 2

HSL

32.4, 98.4%, 47.6%

HSV

32.4, 99.2%, 94.5%

CMYK

0.0%, 45.6%, 99.2%, 5.5%

OKLCH

0.7176 0.1719 57.7

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#F18302

#0270F1

Analogous

#F10B02

#E7F102

#F18302

Triadic

#F18302

#02F183

#8302F1

Split Complementary

#F18302

#02E7F1

#0B02F1

Tetradic

#F18302

#02F10B

#0270F1

#F102E7

Color Blindness Simulation

Original

#F18302

Protanopia

#C1C021

Deuteranopia

#C8D029

Tritanopia

#EC3A3F

Achromatopsia

#919191

CSS Usage

background-color: #F18302;
color: #F18302;
border-color: #F18302;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDEB8
300
#FEC786
400
#FDA844
500
#FD8A02
600
#CA6E02
700
#A25801
800
#7E4501
900
#5B3406
950
#3A2104

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.99:1

AA Pass AAA Pass

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