#F20DDA

#F20DDA

Color Values

HEX

#F20DDA

RGB

242, 13, 218

HSL

306.3, 89.8%, 50.0%

HSV

306.3, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 9.9%, 5.1%

OKLCH

0.6628 0.2925 334.0

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F20DDA

#0DF225

Analogous

#980DF2

#F20D67

#F20DDA

Triadic

#F20DDA

#DAF20D

#0DDAF2

Split Complementary

#F20DDA

#67F20D

#0DF298

Tetradic

#F20DDA

#F2980D

#0DF225

#0D67F2

Color Blindness Simulation

Original

#F20DDA

Protanopia

#8F8DA8

Deuteranopia

#9CAD9C

Tritanopia

#E78179

Achromatopsia

#4C4C4C

CSS Usage

background-color: #F20DDA;
color: #F20DDA;
border-color: #F20DDA;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBBF5
300
#F98BED
400
#F54CE4
500
#F20DDA
600
#C20AAE
700
#9B088B
800
#79076D
900
#58094F
950
#370632

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.85:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026