#F2270D

#F2270D

Color Values

HEX

#F2270D

RGB

242, 39, 13

HSL

6.8, 89.8%, 50.0%

HSV

6.8, 94.6%, 94.9%

CMYK

0.0%, 83.9%, 94.6%, 5.1%

OKLCH

0.6162 0.2357 30.7

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F2270D

#0DD8F2

Analogous

#F20D66

#F2990D

#F2270D

Triadic

#F2270D

#0DF227

#270DF2

Split Complementary

#F2270D

#0DF299

#0D66F2

Tetradic

#F2270D

#66F20D

#0DD8F2

#990DF2

Color Blindness Simulation

Original

#F2270D

Protanopia

#9A9813

Deuteranopia

#A6B515

Tritanopia

#E81819

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC3BB
300
#F9978B
400
#F55F4C
500
#F2270D
600
#C21F0A
700
#9B1908
800
#791307
900
#581209
950
#370B06

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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