#C283EE

#C283EE

Color Values

HEX

#C283EE

RGB

194, 131, 238

HSL

275.3, 75.9%, 72.4%

HSV

275.3, 45.0%, 93.3%

CMYK

18.5%, 45.0%, 0.0%, 6.7%

OKLCH

0.7149 0.1626 310.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C283EE

#AFEE83

Analogous

#8D83EE

#EE83E5

#C283EE

Triadic

#C283EE

#EEC283

#83EEC2

Split Complementary

#C283EE

#E5EE83

#83EE8D

Tetradic

#C283EE

#EE8D83

#AFEE83

#83E5EE

Color Blindness Simulation

Original

#C283EE

Protanopia

#A7A6D4

Deuteranopia

#AAAFCE

Tritanopia

#BFC0BB

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#E0C0F6
300
#CA93F0
400
#AD59E8
500
#911FE0
600
#7419B3
700
#5D1490
800
#480F70
900
#360F52
950
#220A34

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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