#C299E1

#C299E1

Color Values

HEX

#C299E1

RGB

194, 153, 225

HSL

274.2, 54.5%, 74.1%

HSV

274.2, 32.0%, 88.2%

CMYK

13.8%, 32.0%, 0.0%, 11.8%

OKLCH

0.7462 0.1101 309.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C299E1

#B8E199

Analogous

#9E99E1

#E199DC

#C299E1

Triadic

#C299E1

#E1C299

#99E1C2

Split Complementary

#C299E1

#DCE199

#99E19E

Tetradic

#C299E1

#E19E99

#B8E199

#99DCE1

Color Blindness Simulation

Original

#C299E1

Protanopia

#B0B0D0

Deuteranopia

#B3B6CB

Tritanopia

#C0C2BF

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC8EF
300
#C6A0E3
400
#A86DD4
500
#893AC5
600
#6E2E9E
700
#58257E
800
#451D62
900
#341948
950
#21102E

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

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