#F0800F

#F0800F

Color Values

HEX

#F0800F

RGB

240, 128, 15

HSL

30.1, 88.2%, 50.0%

HSV

30.1, 93.8%, 94.1%

CMYK

0.0%, 46.7%, 93.8%, 5.9%

OKLCH

0.7117 0.1712 55.8

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F0800F

#0F7FF0

Analogous

#F00F0F

#F0F00F

#F0800F

Triadic

#F0800F

#0FF080

#800FF0

Split Complementary

#F0800F

#0FF0F0

#0F0FF0

Tetradic

#F0800F

#0FF00F

#0F7FF0

#F00FF0

Color Blindness Simulation

Original

#F0800F

Protanopia

#BFBF2A

Deuteranopia

#C6CE31

Tritanopia

#EA4045

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDBBC
300
#F8C28C
400
#F4A14D
500
#F0800F
600
#C0660C
700
#9A520A
800
#784008
900
#57310A
950
#371F06

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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