#C458FF

#C458FF

Color Values

HEX

#C458FF

RGB

196, 88, 255

HSL

278.8, 100.0%, 67.3%

HSV

278.8, 65.5%, 100.0%

CMYK

23.1%, 65.5%, 0.0%, 0.0%

OKLCH

0.6678 0.2442 311.2

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#C458FF

#93FF58

Analogous

#7158FF

#FF58E7

#C458FF

Triadic

#C458FF

#FFC458

#58FFC4

Split Complementary

#C458FF

#E7FF58

#58FF71

Tetradic

#C458FF

#FF7158

#93FF58

#58E7FF

Color Blindness Simulation

Original

#C458FF

Protanopia

#9594D7

Deuteranopia

#9CA4CD

Tritanopia

#BFB7B0

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E6B8FF
300
#D485FF
400
#BC42FF
500
#A500FF
600
#8400CC
700
#6A00A3
800
#520080
900
#3D055C
950
#27033A

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026