#C399EE

#C399EE

Color Values

HEX

#C399EE

RGB

195, 153, 238

HSL

269.6, 71.4%, 76.7%

HSV

269.6, 35.7%, 93.3%

CMYK

18.1%, 35.7%, 0.0%, 6.7%

OKLCH

0.7528 0.1265 306.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C399EE

#C4EE99

Analogous

#999AEE

#ED99EE

#C399EE

Triadic

#C399EE

#EEC399

#99EEC3

Split Complementary

#C399EE

#EEED99

#9AEE99

Tetradic

#C399EE

#EE999A

#C4EE99

#99EEED

Color Blindness Simulation

Original

#C399EE

Protanopia

#B1B0D9

Deuteranopia

#B3B6D4

Tritanopia

#C1C9C6

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F5
300
#C196ED
400
#A05DE4
500
#7E24DB
600
#651DAF
700
#51178C
800
#3F126D
900
#301150
950
#1E0B32

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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