#F18115

#F18115

Color Values

HEX

#F18115

RGB

241, 129, 21

HSL

29.5, 88.7%, 51.4%

HSV

29.5, 91.3%, 94.5%

CMYK

0.0%, 46.5%, 91.3%, 5.5%

OKLCH

0.7148 0.1706 55.6

Properties

Warm Light Nearest: RAL 2000 Yellow Orange

Color Harmonies

Complementary

#F18115

#1585F1

Analogous

#F11517

#F1EF15

#F18115

Triadic

#F18115

#15F181

#8115F1

Split Complementary

#F18115

#15F1EF

#1517F1

Tetradic

#F18115

#17F115

#1585F1

#EF15F1

Color Blindness Simulation

Original

#F18115

Protanopia

#C0C02F

Deuteranopia

#C7CF35

Tritanopia

#EB4448

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDBBC
300
#F8C18C
400
#F49F4D
500
#F17E0E
600
#C0640C
700
#9A5009
800
#783F07
900
#57300A
950
#371E06

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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