#C288F3

#C288F3

Color Values

HEX

#C288F3

RGB

194, 136, 243

HSL

272.5, 81.7%, 74.3%

HSV

272.5, 44.0%, 95.3%

CMYK

20.2%, 44.0%, 0.0%, 4.7%

OKLCH

0.7255 0.1603 307.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C288F3

#B9F388

Analogous

#8C88F3

#F388EF

#C288F3

Triadic

#C288F3

#F3C288

#88F3C2

Split Complementary

#C288F3

#EFF388

#88F38C

Tetradic

#C288F3

#F38C88

#B9F388

#88EFF3

Color Blindness Simulation

Original

#C288F3

Protanopia

#A9A8D9

Deuteranopia

#ACB1D3

Tritanopia

#BFC5C0

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF8
300
#C690F4
400
#A754EE
500
#8817E8
600
#6D13B9
700
#570F94
800
#440C74
900
#330D54
950
#200835

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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