#F32B0C

#F32B0C

Color Values

HEX

#F32B0C

RGB

243, 43, 12

HSL

8.1, 90.6%, 50.0%

HSV

8.1, 95.1%, 95.3%

CMYK

0.0%, 82.3%, 95.1%, 4.7%

OKLCH

0.6203 0.2345 31.2

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F32B0C

#0CD4F3

Analogous

#F30C60

#F39F0C

#F32B0C

Triadic

#F32B0C

#0CF32B

#2B0CF3

Split Complementary

#F32B0C

#0CF39F

#0C60F3

Tetradic

#F32B0C

#60F30C

#0CD4F3

#9F0CF3

Color Blindness Simulation

Original

#F32B0C

Protanopia

#9C9B13

Deuteranopia

#A8B715

Tritanopia

#E9191B

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE3DF
200
#FCC4BB
300
#F9998A
400
#F6624B
500
#F32B0C
600
#C2230A
700
#9C1C08
800
#7A1606
900
#581409
950
#380C06

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026