#C8669B

#C8669B

Color Values

HEX

#C8669B

RGB

200, 102, 155

HSL

327.6, 47.1%, 59.2%

HSV

327.6, 49.0%, 78.4%

CMYK

0.0%, 49.0%, 22.5%, 21.6%

OKLCH

0.6408 0.1387 348.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C8669B

#66C893

Analogous

#C466C8

#C8666A

#C8669B

Triadic

#C8669B

#9BC866

#669BC8

Split Complementary

#C8669B

#6AC866

#66C8C4

Tetradic

#C8669B

#C8C466

#66C893

#666AC8

Color Blindness Simulation

Original

#C8669B

Protanopia

#9E9D8E

Deuteranopia

#A3AB8B

Tritanopia

#C38482

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADD
300
#DFA5C4
400
#CD74A4
500
#BC4384
600
#96366A
700
#782B55
800
#5E2242
900
#451C32
950
#2C1220

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026