#F20DF1

#F20DF1

Color Values

HEX

#F20DF1

RGB

242, 13, 241

HSL

300.3, 89.8%, 50.0%

HSV

300.3, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 0.4%, 5.1%

OKLCH

0.6758 0.3067 328.6

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F20DF1

#0DF20E

Analogous

#810DF2

#F20D7E

#F20DF1

Triadic

#F20DF1

#F1F20D

#0DF1F2

Split Complementary

#F20DF1

#7EF20D

#0DF281

Tetradic

#F20DF1

#F2810D

#0DF20E

#0D7EF2

Color Blindness Simulation

Original

#F20DF1

Protanopia

#8F8DBA

Deuteranopia

#9CADAD

Tritanopia

#E78E85

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF8
400
#F54CF5
500
#F20DF1
600
#C20AC1
700
#9B089A
800
#790778
900
#580957
950
#370637

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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