#C596FB

#C596FB

Color Values

HEX

#C596FB

RGB

197, 150, 251

HSL

267,9, 92,7%, 78,6%

HSV

267,9, 40,2%, 98,4%

CMYK

21,5%, 40,2%, 0,0%, 1,6%

OKLCH

0,7556 0,1482 304,5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C596FB

#CCFB96

Analogous

#9699FB

#F796FB

#C596FB

Triadic

#C596FB

#FBC596

#96FBC5

Split Complementary

#C596FB

#FBF796

#99FB96

Tetradic

#C596FB

#FB9699

#CCFB96

#96FBF7

Color Blindness Simulation

Original

#C596FB

Protanopia

#B1B0E3

Deuteranopia

#B3B7DD

Tritanopia

#C3CFCB

Achromatopsia

#A7A7A7

CSS Usage

background-color: #C596FB;
color: #C596FB;
border-color: #C596FB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BAFC
300
#BE89FB
400
#9B49F8
500
#7709F6
600
#5F07C5
700
#4C069D
800
#3C057B
900
#2E0859
950
#1D0538

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,13:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026