#F66780

#F66780

Color Values

HEX

#F66780

RGB

246, 103, 128

HSL

349.5, 88.8%, 68.4%

HSV

349.5, 58.1%, 96.5%

CMYK

0.0%, 58.1%, 48.0%, 3.5%

OKLCH

0.6979 0.1759 12.2

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#F66780

#67F6DD

Analogous

#F667C7

#F69567

#F66780

Triadic

#F66780

#80F667

#6780F6

Split Complementary

#F66780

#67F695

#67C7F6

Tetradic

#F66780

#C7F667

#67F6DD

#9567F6

Color Blindness Simulation

Original

#F66780

Protanopia

#B8B77A

Deuteranopia

#C0CB78

Tritanopia

#EF7574

Achromatopsia

#878787

CSS Usage

background-color: #F66780;
color: #F66780;
border-color: #F66780;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F4
100
#FBE0E4
200
#FBBCC7
300
#F88B9E
400
#F44D6A
500
#F10E36
600
#C10B2B
700
#9A0923
800
#78071B
900
#570A17
950
#37060F

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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