#F18204

#F18204

Color Values

HEX

#F18204

RGB

241, 130, 4

HSL

31.9, 96.7%, 48.0%

HSV

31.9, 98.3%, 94.5%

CMYK

0.0%, 46.1%, 98.3%, 5.5%

OKLCH

0.716 0.1722 57.1

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#F18204

#0473F1

Analogous

#F10C04

#E9F104

#F18204

Triadic

#F18204

#04F182

#8204F1

Split Complementary

#F18204

#04E9F1

#0C04F1

Tetradic

#F18204

#04F10C

#0473F1

#F104E9

Color Blindness Simulation

Original

#F18204

Protanopia

#C1C022

Deuteranopia

#C7D02A

Tritanopia

#EB3B40

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDDB9
300
#FDC687
400
#FCA645
500
#FB8704
600
#C96C03
700
#A15703
800
#7D4402
900
#5B3306
950
#392004

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93: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