#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