#CB6BC1

#CB6BC1

Color Values

HEX

#CB6BC1

RGB

203, 107, 193

HSL

306.2, 48.0%, 60.8%

HSV

306.2, 47.3%, 79.6%

CMYK

0.0%, 47.3%, 4.9%, 20.4%

OKLCH

0.6672 0.1611 331.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CB6BC1

#6BCB75

Analogous

#A56BCB

#CB6B91

#CB6BC1

Triadic

#CB6BC1

#C1CB6B

#6BC1CB

Split Complementary

#CB6BC1

#91CB6B

#6BCBA5

Tetradic

#CB6BC1

#CBA56B

#6BCB75

#6B91CB

Color Blindness Simulation

Original

#CB6BC1

Protanopia

#A1A1AC

Deuteranopia

#A7AEA7

Tritanopia

#C69C98

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAE9
300
#DFA4D9
400
#CE73C5
500
#BD42B0
600
#97358D
700
#792A71
800
#5E2158
900
#451C41
950
#2C1129

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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