#F20DB7

#F20DB7

Color Values

HEX

#F20DB7

RGB

242, 13, 183

HSL

315.5, 89.8%, 50.0%

HSV

315.5, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 24.4%, 5.1%

OKLCH

0.6455 0.2726 343.4

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F20DB7

#0DF248

Analogous

#BB0DF2

#F20D44

#F20DB7

Triadic

#F20DB7

#B7F20D

#0DB7F2

Split Complementary

#F20DB7

#44F20D

#0DF2BB

Tetradic

#F20DB7

#F2BB0D

#0DF248

#0D44F2

Color Blindness Simulation

Original

#F20DB7

Protanopia

#8F8D8E

Deuteranopia

#9CAD84

Tritanopia

#E76D66

Achromatopsia

#4A4A4A

CSS Usage

background-color: #F20DB7;
color: #F20DB7;
border-color: #F20DB7;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBBEB
300
#F98BDC
400
#F54CCA
500
#F20DB7
600
#C20A92
700
#9B0875
800
#79075B
900
#580943
950
#37062B

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026