#C458CD

#C458CD

Color Values

HEX

#C458CD

RGB

196, 88, 205

HSL

295,4, 53,9%, 57,5%

HSV

295,4, 57,1%, 80,4%

CMYK

4,4%, 57,1%, 0,0%, 19,6%

OKLCH

0,6387 0,1975 324,5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#C458CD

#61CD58

Analogous

#8A58CD

#CD589C

#C458CD

Triadic

#C458CD

#CDC458

#58CDC4

Split Complementary

#C458CD

#9CCD58

#58CD8A

Tetradic

#C458CD

#CD8A58

#61CD58

#589CCD

Color Blindness Simulation

Original

#C458CD

Protanopia

#9594B1

Deuteranopia

#9CA4AA

Tritanopia

#BF9A95

Achromatopsia

#777777

CSS Usage

background-color: #C458CD;
color: #C458CD;
border-color: #C458CD;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EF
300
#DEA1E3
400
#CC6ED4
500
#BA3BC4
600
#952F9D
700
#77267E
800
#5D1D62
900
#441948
950
#2B102D

Contrast Checker

Text on white

3,73:1

AA Fail AAA Fail

Text on black

5,62: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