#F30900

#F30900

Color Values

HEX

#F30900

RGB

243, 9, 0

HSL

2.2, 100.0%, 47.6%

HSV

2.2, 100.0%, 95.3%

CMYK

0.0%, 96.3%, 100.0%, 4.7%

OKLCH

0.6071 0.2468 29.5

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F30900

#00EAF3

Analogous

#F30070

#F38200

#F30900

Triadic

#F30900

#00F309

#0900F3

Split Complementary

#F30900

#00F382

#0070F3

Tetradic

#F30900

#70F300

#00EAF3

#8200F3

Color Blindness Simulation

Original

#F30900

Protanopia

#8E8C02

Deuteranopia

#9BAD03

Tritanopia

#E70404

Achromatopsia

#3A3A3A

CSS Usage

background-color: #F30900;
color: #F30900;
border-color: #F30900;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFBAB8
300
#FF8985
400
#FF4942
500
#FF0900
600
#CC0700
700
#A30600
800
#800500
900
#5C0805
950
#3A0503

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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