#F766AF

#F766AF

Color Values

HEX

#F766AF

RGB

247, 102, 175

HSL

329.8, 90.1%, 68.4%

HSV

329.8, 58.7%, 96.9%

CMYK

0.0%, 58.7%, 29.1%, 3.1%

OKLCH

0.7118 0.192 351.8

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F766AF

#66F7AE

Analogous

#F766F7

#F76666

#F766AF

Triadic

#F766AF

#AFF766

#66AFF7

Split Complementary

#F766AF

#66F766

#66F7F7

Tetradic

#F766AF

#F7F766

#66F7AE

#6666F7

Color Blindness Simulation

Original

#F766AF

Protanopia

#B8B79D

Deuteranopia

#C1CB99

Tritanopia

#F08F8C

Achromatopsia

#8A8A8A

CSS Usage

background-color: #F766AF;
color: #F766AF;
border-color: #F766AF;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FBBBDC
300
#F98BC2
400
#F64CA1
500
#F20D80
600
#C20A67
700
#9B0852
800
#790640
900
#580931
950
#37061F

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.47:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026