#F20D92

#F20D92

Color Values

HEX

#F20D92

RGB

242, 13, 146

HSL

325.2, 89.8%, 50.0%

HSV

325.2, 94.6%, 94.9%

CMYK

0.0%, 94.6%, 39.7%, 5.1%

OKLCH

0.6306 0.2554 354.6

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F20D92

#0DF26D

Analogous

#E00DF2

#F20D1F

#F20D92

Triadic

#F20D92

#92F20D

#0D92F2

Split Complementary

#F20D92

#1FF20D

#0DF2E0

Tetradic

#F20D92

#F2E00D

#0DF26D

#0D1FF2

Color Blindness Simulation

Original

#F20D92

Protanopia

#8F8D72

Deuteranopia

#9CAD6A

Tritanopia

#E75853

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBBE0
300
#F98BCB
400
#F54CAE
500
#F20D92
600
#C20A75
700
#9B085D
800
#790749
900
#580937
950
#370623

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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