#C6B6DC

#C6B6DC

Color Values

HEX

#C6B6DC

RGB

198, 182, 220

HSL

265.3, 35.2%, 78.8%

HSV

265.3, 17.3%, 86.3%

CMYK

10.0%, 17.3%, 0.0%, 13.7%

OKLCH

0.8019 0.0556 304.3

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C6B6DC

#CCDCB6

Analogous

#B6B9DC

#D9B6DC

#C6B6DC

Triadic

#C6B6DC

#DCC6B6

#B6DCC6

Split Complementary

#C6B6DC

#DCD9B6

#B9DCB6

Tetradic

#C6B6DC

#DCB6B9

#CCDCB6

#B6DCD9

Color Blindness Simulation

Original

#C6B6DC

Protanopia

#BFBFD3

Deuteranopia

#C0C1D1

Tritanopia

#C5CCCA

Achromatopsia

#BCBCBC

CSS Usage

background-color: #C6B6DC;
color: #C6B6DC;
border-color: #C6B6DC;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#D9CFE8
300
#BEACD7
400
#9B7FC2
500
#7853AC
600
#60428A
700
#4D356E
800
#3C2956
900
#2E2140
950
#1D1528

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.13:1

AA Pass AAA Pass

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