#C8749C

#C8749C

Color Values

HEX

#C8749C

RGB

200, 116, 156

HSL

331.4, 43.3%, 62.0%

HSV

331.4, 42.0%, 78.4%

CMYK

0.0%, 42.0%, 22.0%, 21.6%

OKLCH

0.6627 0.1157 350.7

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C8749C

#74C8A0

Analogous

#C874C6

#C87674

#C8749C

Triadic

#C8749C

#9CC874

#749CC8

Split Complementary

#C8749C

#74C876

#74C6C8

Tetradic

#C8749C

#C6C874

#74C8A0

#7674C8

Color Blindness Simulation

Original

#C8749C

Protanopia

#A4A392

Deuteranopia

#A8AF90

Tritanopia

#C48B89

Achromatopsia

#898989

CSS Usage

background-color: #C8749C;
color: #C8749C;
border-color: #C8749C;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F7
100
#F4E7ED
200
#EBCCDB
300
#DCA7C1
400
#CA789F
500
#B7487D
600
#923A64
700
#752E50
800
#5B243E
900
#431E30
950
#2B131E

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.43:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026