#F30C13

#F30C13

Color Values

HEX

#F30C13

RGB

243, 12, 19

HSL

358.2, 90.6%, 50.0%

HSV

358.2, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 92.2%, 4.7%

OKLCH

0.6083 0.2455 28.3

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F30C13

#0CF3EC

Analogous

#F30C86

#F3790C

#F30C13

Triadic

#F30C13

#13F30C

#0C13F3

Split Complementary

#F30C13

#0CF379

#0C86F3

Tetradic

#F30C13

#86F30C

#0CF3EC

#790CF3

Color Blindness Simulation

Original

#F30C13

Protanopia

#8F8D11

Deuteranopia

#9CAE11

Tritanopia

#E71010

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBD
300
#F98A8E
400
#F64B50
500
#F30C13
600
#C20A0F
700
#9C080C
800
#7A0609
900
#58090B
950
#380607

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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