#F28A29

#F28A29

Color Values

HEX

#F28A29

RGB

242, 138, 41

HSL

29.0, 88.5%, 55.5%

HSV

29.0, 83.1%, 94.9%

CMYK

0.0%, 43.0%, 83.1%, 5.1%

OKLCH

0.7316 0.1619 57.5

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#F28A29

#2991F2

Analogous

#F2292C

#F2EF29

#F28A29

Triadic

#F28A29

#29F28A

#8A29F2

Split Complementary

#F28A29

#29F2EF

#292CF2

Tetradic

#F28A29

#2CF229

#2991F2

#EF29F2

Color Blindness Simulation

Original

#F28A29

Protanopia

#C5C440

Deuteranopia

#CBD346

Tritanopia

#ED5357

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDABC
300
#F8C08C
400
#F49E4D
500
#F07C0F
600
#C0630C
700
#9A4F09
800
#783E07
900
#572F0A
950
#371E06

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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