#F0900F

#F0900F

Color Values

HEX

#F0900F

RGB

240, 144, 15

HSL

34.4, 88.2%, 50.0%

HSV

34.4, 93.8%, 94.1%

CMYK

0.0%, 40.0%, 93.8%, 5.9%

OKLCH

0.7381 0.1641 64.0

Properties

Warm Light Nearest: orange 2

Color Harmonies

Complementary

#F0900F

#0F6FF0

Analogous

#F0200F

#DFF00F

#F0900F

Triadic

#F0900F

#0FF090

#900FF0

Split Complementary

#F0900F

#0FDFF0

#200FF0

Tetradic

#F0900F

#0FF020

#0F6FF0

#F00FDF

Color Blindness Simulation

Original

#F0900F

Protanopia

#C6C62E

Deuteranopia

#CCD336

Tritanopia

#EB474C

Achromatopsia

#9B9B9B

CSS Usage

background-color: #F0900F;
color: #F0900F;
border-color: #F0900F;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF8F2
100
#FBEFE0
200
#FBE0BC
300
#F8CA8C
400
#F4AD4D
500
#F0900F
600
#C0730C
700
#9A5C0A
800
#784808
900
#57360A
950
#372206

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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