#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