#C596EB

#C596EB

Color Values

HEX

#C596EB

RGB

197, 150, 235

HSL

273.2, 68.0%, 75.5%

HSV

273.2, 36.2%, 92.2%

CMYK

16.2%, 36.2%, 0.0%, 7.8%

OKLCH

0.7481 0.1285 308.9

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C596EB

#BCEB96

Analogous

#9B96EB

#EB96E6

#C596EB

Triadic

#C596EB

#EBC596

#96EBC5

Split Complementary

#C596EB

#E6EB96

#96EB9B

Tetradic

#C596EB

#EB9B96

#BCEB96

#96E6EB

Color Blindness Simulation

Original

#C596EB

Protanopia

#B1B0D6

Deuteranopia

#B3B7D2

Tritanopia

#C3C6C3

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC3F4
300
#C698EB
400
#A760E1
500
#8929D6
600
#6D21AB
700
#581A89
800
#44146B
900
#34134E
950
#210C31

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026