#F20D60

#F20D60

Color Values

HEX

#F20D60

RGB

242, 13, 96

HSL

338.3, 89.8%, 50.0%

HSV

338.3, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 60.3%, 5.1%

OKLCH

0.6162 0.2426 11.0

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F20D60

#0DF29F

Analogous

#F20DD2

#F22D0D

#F20D60

Triadic

#F20D60

#60F20D

#0D60F2

Split Complementary

#F20D60

#0DF22D

#0DD2F2

Tetradic

#F20D60

#D2F20D

#0DF29F

#2D0DF2

Color Blindness Simulation

Original

#F20D60

Protanopia

#8F8D4C

Deuteranopia

#9CAD47

Tritanopia

#E73C39

Achromatopsia

#444444

CSS Usage

background-color: #F20D60;
color: #F20D60;
border-color: #F20D60;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F6
100
#FBE0E9
200
#FBBBD2
300
#F98BB3
400
#F54C89
500
#F20D60
600
#C20A4D
700
#9B083D
800
#790730
900
#580926
950
#370618

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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