#C66988

#C66988

Color Values

HEX

#C66988

RGB

198, 105, 136

HSL

340.0, 44.9%, 59.4%

HSV

340.0, 47.0%, 77.6%

CMYK

0.0%, 47.0%, 31.3%, 22.4%

OKLCH

0.6363 0.1225 359.9

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C66988

#69C6A7

Analogous

#C669B6

#C67869

#C66988

Triadic

#C66988

#88C669

#6988C6

Split Complementary

#C66988

#69C678

#69B6C6

Tetradic

#C66988

#B6C669

#69C6A7

#7869C6

Color Blindness Simulation

Original

#C66988

Protanopia

#9E9D81

Deuteranopia

#A3AA7F

Tritanopia

#C17B79

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EB
200
#EBCBD6
300
#DDA6B9
400
#CB7693
500
#B9466C
600
#943857
700
#762D45
800
#5C2336
900
#441D2A
950
#2B121A

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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