#F21719

#F21719

Color Values

HEX

#F21719

RGB

242, 23, 25

HSL

359.5, 89.4%, 52.0%

HSV

359.5, 90.5%, 94.9%

CMYK

0.0%, 90.5%, 89.7%, 5.1%

OKLCH

0.6097 0.2414 28.3

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F21719

#17F2F0

Analogous

#F21786

#F28317

#F21719

Triadic

#F21719

#19F217

#1719F2

Split Complementary

#F21719

#17F283

#1786F2

Tetradic

#F21719

#86F217

#17F2F0

#8317F2

Color Blindness Simulation

Original

#F21719

Protanopia

#939119

Deuteranopia

#A0B018

Tritanopia

#E71818

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBBBC
300
#F98B8C
400
#F54C4E
500
#F10E0F
600
#C10B0C
700
#9B090A
800
#790708
900
#57090A
950
#370606

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