#F2180D

#F2180D

Color Values

HEX

#F2180D

RGB

242, 24, 13

HSL

2.9, 89.8%, 50.0%

HSV

2.9, 94.6%, 94.9%

CMYK

0.0%, 90.1%, 94.6%, 5.1%

OKLCH

0.6095 0.2418 29.5

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F2180D

#0DE7F2

Analogous

#F20D74

#F28B0D

#F2180D

Triadic

#F2180D

#0DF218

#180DF2

Split Complementary

#F2180D

#0DF28B

#0D74F2

Tetradic

#F2180D

#74F20D

#0DE7F2

#8B0DF2

Color Blindness Simulation

Original

#F2180D

Protanopia

#949210

Deuteranopia

#A0B110

Tritanopia

#E71212

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE1E0
200
#FBBEBB
300
#F9908B
400
#F5544C
500
#F2180D
600
#C2130A
700
#9B0F08
800
#790C07
900
#580D09
950
#370806

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026