#C396EE

#C396EE

Color Values

HEX

#C396EE

RGB

195, 150, 238

HSL

270.7, 72.1%, 76.1%

HSV

270.7, 37.0%, 93.3%

CMYK

18.1%, 37.0%, 0.0%, 6.7%

OKLCH

0.7476 0.1315 307.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C396EE

#C1EE96

Analogous

#9796EE

#EE96ED

#C396EE

Triadic

#C396EE

#EEC396

#96EEC3

Split Complementary

#C396EE

#EDEE96

#96EE97

Tetradic

#C396EE

#EE9796

#C1EE96

#96EDEE

Color Blindness Simulation

Original

#C396EE

Protanopia

#B0AFD9

Deuteranopia

#B2B6D4

Tritanopia

#C1C8C4

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DCC2F5
300
#C396EE
400
#A25DE5
500
#8224DB
600
#681CB0
700
#53178C
800
#41126E
900
#311150
950
#1F0B32

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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