#C66897

#C66897

Color Values

HEX

#C66897

RGB

198, 104, 151

HSL

330.0, 45.2%, 59.2%

HSV

330.0, 47.5%, 77.6%

CMYK

0.0%, 47.5%, 23.7%, 22.4%

OKLCH

0.6397 0.1311 350.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C66897

#68C697

Analogous

#C668C6

#C66868

#C66897

Triadic

#C66897

#97C668

#6897C6

Split Complementary

#C66897

#68C668

#68C6C6

Tetradic

#C66897

#C6C668

#68C697

#6868C6

Color Blindness Simulation

Original

#C66897

Protanopia

#9D9C8C

Deuteranopia

#A3AA89

Tritanopia

#C18381

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#EBCBDB
300
#DDA6C2
400
#CB76A1
500
#B94680
600
#943866
700
#762D52
800
#5D2340
900
#441D30
950
#2B121F

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026