#C36588

#C36588

Color Values

HEX

#C36588

RGB

195, 101, 136

HSL

337,7, 43,9%, 58,0%

HSV

337,7, 48,2%, 76,5%

CMYK

0,0%, 48,2%, 30,3%, 23,5%

OKLCH

0,6262 0,1257 357,7

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C36588

#65C3A0

Analogous

#C365B7

#C37165

#C36588

Triadic

#C36588

#88C365

#6588C3

Split Complementary

#C36588

#65C371

#65B7C3

Tetradic

#C36588

#B7C365

#65C3A0

#7165C3

Color Blindness Simulation

Original

#C36588

Protanopia

#9A9980

Deuteranopia

#A0A77D

Tritanopia

#BE7977

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#EBCCD7
300
#DDA7BB
400
#CA7796
500
#B74871
600
#93395B
700
#752E48
800
#5C2439
900
#441D2C
950
#2B131B

Contrast Checker

Text on white

3,79:1

AA Fail AAA Fail

Text on black

5,54:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026