#CB6CCC

#CB6CCC

Color Values

HEX

#CB6CCC

RGB

203, 108, 204

HSL

299.4, 48.5%, 61.2%

HSV

299.4, 47.1%, 80.0%

CMYK

0.5%, 47.1%, 0.0%, 20.0%

OKLCH

0.6736 0.1694 326.9

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CB6CCC

#6DCC6C

Analogous

#9B6CCC

#CC6C9D

#CB6CCC

Triadic

#CB6CCC

#CCCB6C

#6CCCCB

Split Complementary

#CB6CCC

#9DCC6C

#6CCC9B

Tetradic

#CB6CCC

#CC9B6C

#6DCC6C

#6C9DCC

Color Blindness Simulation

Original

#CB6CCC

Protanopia

#A2A1B5

Deuteranopia

#A7AEAF

Tritanopia

#C6A29E

Achromatopsia

#878787

CSS Usage

background-color: #CB6CCC;
color: #CB6CCC;
border-color: #CB6CCC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DFA4DF
400
#CD73CE
500
#BC42BD
600
#963597
700
#782A79
800
#5E215F
900
#451B46
950
#2C112C

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026