#C6AFDC

#C6AFDC

Color Values

HEX

#C6AFDC

RGB

198, 175, 220

HSL

270,7, 39,1%, 77,5%

HSV

270,7, 20,5%, 86,3%

CMYK

10,0%, 20,5%, 0,0%, 13,7%

OKLCH

0,7885 0,0674 308,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C6AFDC

#C5DCAF

Analogous

#B0AFDC

#DCAFDC

#C6AFDC

Triadic

#C6AFDC

#DCC6AF

#AFDCC6

Split Complementary

#C6AFDC

#DCDCAF

#AFDCB0

Tetradic

#C6AFDC

#DCB0AF

#C5DCAF

#AFDCDC

Color Blindness Simulation

Original

#C6AFDC

Protanopia

#BCBCD1

Deuteranopia

#BDBFCE

Tritanopia

#C5C9C7

Achromatopsia

#B7B7B7

CSS Usage

background-color: #C6AFDC;
color: #C6AFDC;
border-color: #C6AFDC;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDE9
300
#C2AADA
400
#A27CC6
500
#814EB1
600
#673E8E
700
#523272
800
#402759
900
#311F41
950
#1F1429

Contrast Checker

Text on white

1,99:1

AA Fail AAA Fail

Text on black

10,57:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026