#F20D38

#F20D38

Color Values

HEX

#F20D38

RGB

242, 13, 56

HSL

348.7, 89.8%, 50.0%

HSV

348.7, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 76.9%, 5.1%

OKLCH

0.6095 0.2419 22.3

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F20D38

#0DF2C7

Analogous

#F20DAB

#F2540D

#F20D38

Triadic

#F20D38

#38F20D

#0D38F2

Split Complementary

#F20D38

#0DF254

#0DABF2

Tetradic

#F20D38

#ABF20D

#0DF2C7

#540DF2

Color Blindness Simulation

Original

#F20D38

Protanopia

#8F8D2E

Deuteranopia

#9CAD2B

Tritanopia

#E72524

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E5
200
#FBBBC7
300
#F98BA0
400
#F54C6C
500
#F20D38
600
#C20A2D
700
#9B0824
800
#79071C
900
#580918
950
#37060F

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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