#C39CBC

#C39CBC

Color Values

HEX

#C39CBC

RGB

195, 156, 188

HSL

310.8, 24.5%, 68.8%

HSV

310.8, 20.0%, 76.5%

CMYK

0.0%, 20.0%, 3.6%, 23.5%

OKLCH

0.7384 0.0633 332.4

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#C39CBC

#9CC3A3

Analogous

#B69CC3

#C39CA8

#C39CBC

Triadic

#C39CBC

#BCC39C

#9CBCC3

Split Complementary

#C39CBC

#A8C39C

#9CC3B6

Tetradic

#C39CBC

#C3B69C

#9CC3A3

#9CA8C3

Color Blindness Simulation

Original

#C39CBC

Protanopia

#B2B2B4

Deuteranopia

#B4B7B2

Tritanopia

#C1AEAD

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D3E1
300
#D1B3CB
400
#B88AAF
500
#9F6093
600
#7F4D76
700
#663E5E
800
#4F304A
900
#3B2637
950
#251823

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

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