#C670A2

#C670A2

Color Values

HEX

#C670A2

RGB

198, 112, 162

HSL

325.1, 43.0%, 60.8%

HSV

325.1, 43.4%, 77.6%

CMYK

0.0%, 43.4%, 18.2%, 22.4%

OKLCH

0.656 0.1243 345.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C670A2

#70C694

Analogous

#BF70C6

#C67077

#C670A2

Triadic

#C670A2

#A2C670

#70A2C6

Split Complementary

#C670A2

#77C670

#70C6BF

Tetradic

#C670A2

#C6BF70

#70C694

#7077C6

Color Blindness Simulation

Original

#C670A2

Protanopia

#A1A096

Deuteranopia

#A6AC93

Tritanopia

#C28C8A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F4E7EE
200
#EBCCDE
300
#DCA7C6
400
#C978A7
500
#B64988
600
#923A6D
700
#752F57
800
#5B2444
900
#431E34
950
#2A1321

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

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