#C28EFD

#C28EFD

Color Values

HEX

#C28EFD

RGB

194, 142, 253

HSL

268.1, 96.5%, 77.5%

HSV

268.1, 43.9%, 99.2%

CMYK

23.3%, 43.9%, 0.0%, 0.8%

OKLCH

0.7403 0.1626 304.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C28EFD

#C9FD8E

Analogous

#8E92FD

#F98EFD

#C28EFD

Triadic

#C28EFD

#FDC28E

#8EFDC2

Split Complementary

#C28EFD

#FDF98E

#92FD8E

Tetradic

#C28EFD

#FD8E92

#C9FD8E

#8EFDF9

Color Blindness Simulation

Original

#C28EFD

Protanopia

#ABABE2

Deuteranopia

#AEB2DC

Tritanopia

#BFCDC8

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D9B9FE
300
#BE87FD
400
#9B46FC
500
#7804FB
600
#6004C8
700
#4D03A0
800
#3C027D
900
#2E065B
950
#1D0439

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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