#F2077F

#F2077F

Color Values

HEX

#F2077F

RGB

242, 7, 127

HSL

329.4, 94.4%, 48.8%

HSV

329.4, 97.1%, 94.9%

CMYK

0.0%, 97.1%, 47.5%, 5.1%

OKLCH

0.6233 0.2503 0.7

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F2077F

#07F27A

Analogous

#F007F2

#F20709

#F2077F

Triadic

#F2077F

#7FF207

#077FF2

Split Complementary

#F2077F

#09F207

#07F2F0

Tetradic

#F2077F

#F2F007

#07F27A

#0709F2

Color Blindness Simulation

Original

#F2077F

Protanopia

#8C8A62

Deuteranopia

#9AAB5B

Tritanopia

#E64B46

Achromatopsia

#424242

CSS Usage

background-color: #F2077F;
color: #F2077F;
border-color: #F2077F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADC
300
#FC88C3
400
#FA48A2
500
#F80782
600
#C60668
700
#9F0553
800
#7C0441
900
#5A0731
950
#39051F

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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