#CD56EC

#CD56EC

Color Values

HEX

#CD56EC

RGB

205, 86, 236

HSL

287.6, 79.8%, 63.1%

HSV

287.6, 63.6%, 92.5%

CMYK

13.1%, 63.6%, 0.0%, 7.5%

OKLCH

0.665 0.2324 318.7

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#CD56EC

#75EC56

Analogous

#8256EC

#EC56C0

#CD56EC

Triadic

#CD56EC

#ECCD56

#56ECCD

Split Complementary

#CD56EC

#C0EC56

#56EC82

Tetradic

#CD56EC

#EC8256

#75EC56

#56C0EC

Color Blindness Simulation

Original

#CD56EC

Protanopia

#9998C8

Deuteranopia

#A0A9BF

Tritanopia

#C7ABA5

Achromatopsia

#7A7A7A

CSS Usage

background-color: #CD56EC;
color: #CD56EC;
border-color: #CD56EC;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FAF2FD
100
#F4E1F9
200
#ECBFF8
300
#DE91F3
400
#CD55EC
500
#BB1AE5
600
#9615B7
700
#781093
800
#5E0D73
900
#450E53
950
#2B0935

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026