#C35283

#C35283

Color Values

HEX

#C35283

RGB

195, 82, 131

HSL

334.0, 48.5%, 54.3%

HSV

334.0, 57.9%, 76.5%

CMYK

0.0%, 57.9%, 32.8%, 23.5%

OKLCH

0.5977 0.1531 355.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C35283

#52C392

Analogous

#C352BB

#C35952

#C35283

Triadic

#C35283

#83C352

#5283C3

Split Complementary

#C35283

#52C359

#52BBC3

Tetradic

#C35283

#BBC352

#52C392

#5952C3

Color Blindness Simulation

Original

#C35283

Protanopia

#929177

Deuteranopia

#99A174

Tritanopia

#BD6E6C

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD9
300
#DFA4BE
400
#CE739B
500
#BD4277
600
#97355F
700
#792A4C
800
#5F213C
900
#461B2E
950
#2C111D

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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