#F28500

#F28500

Color Values

HEX

#F28500

RGB

242, 133, 0

HSL

33.0, 100.0%, 47.5%

HSV

33.0, 100.0%, 94.9%

CMYK

0.0%, 45.0%, 100.0%, 5.1%

OKLCH

0.7221 0.1719 58.5

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#F28500

#006DF2

Analogous

#F20C00

#E6F200

#F28500

Triadic

#F28500

#00F285

#8500F2

Split Complementary

#F28500

#00E6F2

#0C00F2

Tetradic

#F28500

#00F20C

#006DF2

#F200E6

Color Blindness Simulation

Original

#F28500

Protanopia

#C3C220

Deuteranopia

#C9D128

Tritanopia

#ED3A3F

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFDFB8
300
#FFC885
400
#FFAA42
500
#FF8C00
600
#CC7000
700
#A35A00
800
#804600
900
#5C3505
950
#3A2103

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.13:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026