#F0640F

#F0640F

Color Values

HEX

#F0640F

RGB

240, 100, 15

HSL

22.7, 88.2%, 50.0%

HSV

22.7, 93.8%, 94.1%

CMYK

0.0%, 58.3%, 93.8%, 5.9%

OKLCH

0.6707 0.1903 44.1

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F0640F

#0F9BF0

Analogous

#F00F2A

#F0D50F

#F0640F

Triadic

#F0640F

#0FF064

#640FF0

Split Complementary

#F0640F

#0FF0D5

#0F2AF0

Tetradic

#F0640F

#2AF00F

#0F9BF0

#D50FF0

Color Blindness Simulation

Original

#F0640F

Protanopia

#B3B224

Deuteranopia

#BCC628

Tritanopia

#E93437

Achromatopsia

#7C7C7C

CSS Usage

background-color: #F0640F;
color: #F0640F;
border-color: #F0640F;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF6F2
100
#FBEAE0
200
#FBD4BC
300
#F8B58C
400
#F48C4D
500
#F0640F
600
#C0500C
700
#9A400A
800
#783208
900
#57270A
950
#371906

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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