#F06B0F

#F06B0F

Color Values

HEX

#F06B0F

RGB

240, 107, 15

HSL

24.5, 88.2%, 50.0%

HSV

24.5, 93.8%, 94.1%

CMYK

0.0%, 55.4%, 93.8%, 5.9%

OKLCH

0.6803 0.185 46.7

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F06B0F

#0F94F0

Analogous

#F00F24

#F0DB0F

#F06B0F

Triadic

#F06B0F

#0FF06B

#6B0FF0

Split Complementary

#F06B0F

#0FF0DB

#0F24F0

Tetradic

#F06B0F

#24F00F

#0F94F0

#DB0FF0

Color Blindness Simulation

Original

#F06B0F

Protanopia

#B6B525

Deuteranopia

#BEC82B

Tritanopia

#E9373B

Achromatopsia

#818181

CSS Usage

background-color: #F06B0F;
color: #F06B0F;
border-color: #F06B0F;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD6BC
300
#F8B88C
400
#F4914D
500
#F06B0F
600
#C0560C
700
#9A440A
800
#783508
900
#57290A
950
#371A06

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

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