#C7ADDA

#C7ADDA

Color Values

HEX

#C7ADDA

RGB

199, 173, 218

HSL

274,7, 37,8%, 76,7%

HSV

274,7, 20,6%, 85,5%

CMYK

8,7%, 20,6%, 0,0%, 14,5%

OKLCH

0,7848 0,0687 310,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C7ADDA

#C0DAAD

Analogous

#B1ADDA

#DAADD7

#C7ADDA

Triadic

#C7ADDA

#DAC7AD

#ADDAC7

Split Complementary

#C7ADDA

#D7DAAD

#ADDAB1

Tetradic

#C7ADDA

#DAB1AD

#C0DAAD

#ADD7DA

Color Blindness Simulation

Original

#C7ADDA

Protanopia

#BCBCCF

Deuteranopia

#BDBFCC

Tritanopia

#C6C7C5

Achromatopsia

#B6B6B6

CSS Usage

background-color: #C7ADDA;
color: #C7ADDA;
border-color: #C7ADDA;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DDCEE9
300
#C5ABD9
400
#A67DC4
500
#874FB0
600
#6C3F8D
700
#563370
800
#442858
900
#332041
950
#201429

Contrast Checker

Text on white

2,02:1

AA Fail AAA Fail

Text on black

10,42: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