#F667C9

#F667C9

Color Values

HEX

#F667C9

RGB

246, 103, 201

HSL

318.9, 88.8%, 68.4%

HSV

318.9, 58.1%, 96.5%

CMYK

0.0%, 58.1%, 18.3%, 3.5%

OKLCH

0.7213 0.2046 341.7

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F667C9

#67F694

Analogous

#DB67F6

#F66781

#F667C9

Triadic

#F667C9

#C9F667

#67C9F6

Split Complementary

#F667C9

#81F667

#67F6DB

Tetradic

#F667C9

#F6DB67

#67F694

#6781F6

Color Blindness Simulation

Original

#F667C9

Protanopia

#B8B7B1

Deuteranopia

#C0CBAC

Tritanopia

#EF9F9A

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FBE0F2
200
#FBBCE7
300
#F88BD6
400
#F44DC0
500
#F10EA9
600
#C10B88
700
#9A096C
800
#780755
900
#570A3F
950
#370628

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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