#F667C8

#F667C8

Color Values

HEX

#F667C8

RGB

246, 103, 200

HSL

319.3, 88.8%, 68.4%

HSV

319.3, 58.1%, 96.5%

CMYK

0.0%, 58.1%, 18.7%, 3.5%

OKLCH

0.7209 0.2039 342.0

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F667C8

#67F695

Analogous

#DC67F6

#F66780

#F667C8

Triadic

#F667C8

#C8F667

#67C8F6

Split Complementary

#F667C8

#80F667

#67F6DC

Tetradic

#F667C8

#F6DC67

#67F695

#6780F6

Color Blindness Simulation

Original

#F667C8

Protanopia

#B8B7B1

Deuteranopia

#C0CBAB

Tritanopia

#EF9E9A

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FBE0F2
200
#FBBCE7
300
#F88BD5
400
#F44DBF
500
#F10EA8
600
#C10B86
700
#9A096B
800
#780754
900
#570A3E
950
#370627

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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