#C8648C

#C8648C

Color Values

HEX

#C8648C

RGB

200, 100, 140

HSL

336.0, 47.6%, 58.8%

HSV

336.0, 50.0%, 78.4%

CMYK

0.0%, 50.0%, 30.0%, 21.6%

OKLCH

0.6327 0.1342 356.4

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C8648C

#64C8A0

Analogous

#C864BE

#C86E64

#C8648C

Triadic

#C8648C

#8CC864

#648CC8

Split Complementary

#C8648C

#64C86E

#64BEC8

Tetradic

#C8648C

#BEC864

#64C8A0

#6E64C8

Color Blindness Simulation

Original

#C8648C

Protanopia

#9D9C82

Deuteranopia

#A2AA80

Tritanopia

#C37B79

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD8
300
#DFA5BC
400
#CE7498
500
#BC4373
600
#97355C
700
#782B4A
800
#5E213A
900
#451C2C
950
#2C111C

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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