#C28EE7

#C28EE7

Color Values

HEX

#C28EE7

RGB

194, 142, 231

HSL

275.1, 65.0%, 73.1%

HSV

275.1, 38.5%, 90.6%

CMYK

16.0%, 38.5%, 0.0%, 9.4%

OKLCH

0.7297 0.1361 310.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C28EE7

#B3E78E

Analogous

#958EE7

#E78EDF

#C28EE7

Triadic

#C28EE7

#E7C28E

#8EE7C2

Split Complementary

#C28EE7

#DFE78E

#8EE795

Tetradic

#C28EE7

#E7958E

#B3E78E

#8EDFE7

Color Blindness Simulation

Original

#C28EE7

Protanopia

#ABABD1

Deuteranopia

#AEB2CC

Tritanopia

#BFC0BD

Achromatopsia

#9F9F9F

CSS Usage

background-color: #C28EE7;
color: #C28EE7;
border-color: #C28EE7;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F3
300
#C99AEA
400
#AB63DE
500
#8E2DD2
600
#7124A8
700
#5B1D87
800
#471669
900
#35144D
950
#220D31

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026