#F20D48

#F20D48

Color Values

HEX

#F20D48

RGB

242, 13, 72

HSL

344.5, 89.8%, 50.0%

HSV

344.5, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 70.2%, 5.1%

OKLCH

0.6117 0.2414 18.2

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F20D48

#0DF2B7

Analogous

#F20DBB

#F2440D

#F20D48

Triadic

#F20D48

#48F20D

#0D48F2

Split Complementary

#F20D48

#0DF244

#0DBBF2

Tetradic

#F20D48

#BBF20D

#0DF2B7

#440DF2

Color Blindness Simulation

Original

#F20D48

Protanopia

#8F8D3A

Deuteranopia

#9CAD36

Tritanopia

#E72E2C

Achromatopsia

#424242

CSS Usage

background-color: #F20D48;
color: #F20D48;
border-color: #F20D48;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF2F5
100
#FBE0E7
200
#FBBBCC
300
#F98BA7
400
#F54C78
500
#F20D48
600
#C20A3A
700
#9B082E
800
#790724
900
#58091E
950
#370613

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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