#C69AEA

#C69AEA

Color Values

HEX

#C69AEA

RGB

198, 154, 234

HSL

273.0, 65.6%, 76.1%

HSV

273.0, 34.2%, 91.8%

CMYK

15.4%, 34.2%, 0.0%, 8.2%

OKLCH

0.7556 0.1209 308.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C69AEA

#BEEA9A

Analogous

#9E9AEA

#EA9AE6

#C69AEA

Triadic

#C69AEA

#EAC69A

#9AEAC6

Split Complementary

#C69AEA

#E6EA9A

#9AEA9E

Tetradic

#C69AEA

#EA9E9A

#BEEA9A

#9AE6EA

Color Blindness Simulation

Original

#C69AEA

Protanopia

#B3B3D7

Deuteranopia

#B6B9D2

Tritanopia

#C4C7C4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C69AEA
400
#A763DF
500
#882CD3
600
#6D23A9
700
#571C87
800
#44166A
900
#33144D
950
#200D31

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21: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