#C656FF

#C656FF

Color Values

HEX

#C656FF

RGB

198, 86, 255

HSL

279.8, 100.0%, 66.9%

HSV

279.8, 66.3%, 100.0%

CMYK

22.4%, 66.3%, 0.0%, 0.0%

OKLCH

0.668 0.2473 312.0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#C656FF

#8FFF56

Analogous

#7256FF

#FF56E3

#C656FF

Triadic

#C656FF

#FFC656

#56FFC6

Split Complementary

#C656FF

#E3FF56

#56FF72

Tetradic

#C656FF

#FF7256

#8FFF56

#56E3FF

Color Blindness Simulation

Original

#C656FF

Protanopia

#9595D6

Deuteranopia

#9CA4CC

Tritanopia

#C0B6AF

Achromatopsia

#7A7A7A

CSS Usage

background-color: #C656FF;
color: #C656FF;
border-color: #C656FF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E7B8FF
300
#D685FF
400
#BF42FF
500
#A900FF
600
#8700CC
700
#6C00A3
800
#550080
900
#3F055C
950
#28033A

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

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