#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