#CE91F5

#CE91F5

Color Values

HEX

#CE91F5

RGB

206, 145, 245

HSL

276.6, 83.3%, 76.5%

HSV

276.6, 40.8%, 96.1%

CMYK

15.9%, 40.8%, 0.0%, 3.9%

OKLCH

0.7531 0.1521 311.2

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#CE91F5

#B8F591

Analogous

#9C91F5

#F591EA

#CE91F5

Triadic

#CE91F5

#F5CE91

#91F5CE

Split Complementary

#CE91F5

#EAF591

#91F59C

Tetradic

#CE91F5

#F59C91

#B8F591

#91EAF5

Color Blindness Simulation

Original

#CE91F5

Protanopia

#B4B3DD

Deuteranopia

#B7BCD7

Tritanopia

#CBCAC6

Achromatopsia

#A5A5A5

CSS Usage

background-color: #CE91F5;
color: #CE91F5;
border-color: #CE91F5;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E2BEF9
300
#CD8FF5
400
#B252EF
500
#9715EA
600
#7911BB
700
#610E96
800
#4B0B75
900
#380C55
950
#240836

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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