#F20D53

#F20D53

Color Values

HEX

#F20D53

RGB

242, 13, 83

HSL

341.7, 89.8%, 50.0%

HSV

341.7, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 65.7%, 5.1%

OKLCH

0.6136 0.2416 15.0

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F20D53

#0DF2AC

Analogous

#F20DC5

#F23A0D

#F20D53

Triadic

#F20D53

#53F20D

#0D53F2

Split Complementary

#F20D53

#0DF23A

#0DC5F2

Tetradic

#F20D53

#C5F20D

#0DF2AC

#3A0DF2

Color Blindness Simulation

Original

#F20D53

Protanopia

#8F8D42

Deuteranopia

#9CAD3E

Tritanopia

#E73532

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FBE0E8
200
#FBBBCF
300
#F98BAC
400
#F54C80
500
#F20D53
600
#C20A42
700
#9B0835
800
#790729
900
#580921
950
#370615

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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