#F2777C

#F2777C

Color Values

HEX

#F2777C

RGB

242, 119, 124

HSL

357.6, 82.6%, 70.8%

HSV

357.6, 50.8%, 94.9%

CMYK

0.0%, 50.8%, 48.8%, 5.1%

OKLCH

0.713 0.1514 19.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F2777C

#77F2ED

Analogous

#F277B9

#F2B077

#F2777C

Triadic

#F2777C

#7CF277

#777CF2

Split Complementary

#F2777C

#77F2B0

#77B9F2

Tetradic

#F2777C

#B9F277

#77F2ED

#B077F2

Color Blindness Simulation

Original

#F2777C

Protanopia

#BDBC7B

Deuteranopia

#C4CD7A

Tritanopia

#EC7A7A

Achromatopsia

#929292

CSS Usage

background-color: #F2777C;
color: #F2777C;
border-color: #F2777C;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F2
100
#FAE1E2
200
#F9BEC0
300
#F48F93
400
#EF5359
500
#E9161F
600
#BA1218
700
#950E14
800
#740B0F
900
#540C0F
950
#35080A

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

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