#C37EB0

#C37EB0

Color Values

HEX

#C37EB0

RGB

195, 126, 176

HSL

316,5, 36,5%, 62,9%

HSV

316,5, 35,4%, 76,5%

CMYK

0,0%, 35,4%, 9,7%, 23,5%

OKLCH

0,6804 0,1072 337,5

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C37EB0

#7EC391

Analogous

#B37EC3

#C37E8D

#C37EB0

Triadic

#C37EB0

#B0C37E

#7EB0C3

Split Complementary

#C37EB0

#8DC37E

#7EC3B3

Tetradic

#C37EB0

#C3B37E

#7EC391

#7E8DC3

Color Blindness Simulation

Original

#C37EB0

Protanopia

#A5A5A4

Deuteranopia

#A9AEA1

Tritanopia

#C09A98

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8F0
200
#E8CEE1
300
#D8ABCC
400
#C37EB0
500
#AE5194
600
#8B4177
700
#6F345F
800
#57284A
900
#402138
950
#291523

Contrast Checker

Text on white

3,03:1

AA Fail AAA Fail

Text on black

6,93: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