#F20DD2

#F20DD2

Color Values

HEX

#F20DD2

RGB

242, 13, 210

HSL

308.4, 89.8%, 50.0%

HSV

308.4, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 13.2%, 5.1%

OKLCH

0.6586 0.2877 336.0

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F20DD2

#0DF22D

Analogous

#A00DF2

#F20D5F

#F20DD2

Triadic

#F20DD2

#D2F20D

#0DD2F2

Split Complementary

#F20DD2

#5FF20D

#0DF2A0

Tetradic

#F20DD2

#F2A00D

#0DF22D

#0D5FF2

Color Blindness Simulation

Original

#F20DD2

Protanopia

#8F8DA2

Deuteranopia

#9CAD97

Tritanopia

#E77D74

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F7
200
#FBBBF2
300
#F98BE9
400
#F54CDE
500
#F20DD2
600
#C20AA8
700
#9B0886
800
#790769
900
#58094D
950
#370630

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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