#C69FDF

#C69FDF

Color Values

HEX

#C69FDF

RGB

198, 159, 223

HSL

276.6, 50.0%, 74.9%

HSV

276.6, 28.7%, 87.5%

CMYK

11.2%, 28.7%, 0.0%, 12.5%

OKLCH

0.7599 0.0989 311.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C69FDF

#B8DF9F

Analogous

#A69FDF

#DF9FD8

#C69FDF

Triadic

#C69FDF

#DFC69F

#9FDFC6

Split Complementary

#C69FDF

#D8DF9F

#9FDFA6

Tetradic

#C69FDF

#DFA69F

#B8DF9F

#9FD8DF

Color Blindness Simulation

Original

#C69FDF

Protanopia

#B5B5D0

Deuteranopia

#B7BACC

Tritanopia

#C4C3C1

Achromatopsia

#ACACAC

CSS Usage

background-color: #C69FDF;
color: #C69FDF;
border-color: #C69FDF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#DFC9ED
300
#C9A3E0
400
#AB71D0
500
#8E40BF
600
#713399
700
#5B297A
800
#472060
900
#351B46
950
#22112C

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.43:1

AA Pass AAA Pass

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