#C395AD

#C395AD

Color Values

HEX

#C395AD

RGB

195, 149, 173

HSL

328.7, 27.7%, 67.5%

HSV

328.7, 23.6%, 76.5%

CMYK

0.0%, 23.6%, 11.3%, 23.5%

OKLCH

0.7203 0.0636 346.2

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C395AD

#95C3AB

Analogous

#C295C3

#C39596

#C395AD

Triadic

#C395AD

#ADC395

#95ADC3

Split Complementary

#C395AD

#96C395

#95C3C2

Tetradic

#C395AD

#C3C295

#95C3AB

#9596C3

Color Blindness Simulation

Original

#C395AD

Protanopia

#AFAFA7

Deuteranopia

#B2B5A6

Tritanopia

#C1A3A2

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D1DC
300
#D3B1C3
400
#BB87A2
500
#A35C81
600
#824A67
700
#683B53
800
#512E41
900
#3D2431
950
#26171F

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026