#C8679D

#C8679D

Color Values

HEX

#C8679D

RGB

200, 103, 157

HSL

326.6, 46.9%, 59.4%

HSV

326.6, 48.5%, 78.4%

CMYK

0.0%, 48.5%, 21.5%, 21.6%

OKLCH

0.643 0.1382 347.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C8679D

#67C892

Analogous

#C367C8

#C8676C

#C8679D

Triadic

#C8679D

#9DC867

#679DC8

Split Complementary

#C8679D

#6CC867

#67C8C3

Tetradic

#C8679D

#C8C367

#67C892

#676CC8

Color Blindness Simulation

Original

#C8679D

Protanopia

#9E9D90

Deuteranopia

#A4AB8D

Tritanopia

#C38683

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDD
300
#DFA5C5
400
#CD74A6
500
#BB4486
600
#96366B
700
#782B56
800
#5E2243
900
#451C33
950
#2C1220

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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