#C457EB

#C457EB

Color Values

HEX

#C457EB

RGB

196, 87, 235

HSL

284,2, 78,7%, 63,1%

HSV

284,2, 63,0%, 92,2%

CMYK

16,6%, 63,0%, 0,0%, 7,8%

OKLCH

0,6543 0,2265 316,0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C457EB

#7EEB57

Analogous

#7A57EB

#EB57C8

#C457EB

Triadic

#C457EB

#EBC457

#57EBC4

Split Complementary

#C457EB

#C8EB57

#57EB7A

Tetradic

#C457EB

#EB7A57

#7EEB57

#57C8EB

Color Blindness Simulation

Original

#C457EB

Protanopia

#9594C7

Deuteranopia

#9BA3BF

Tritanopia

#BFABA5

Achromatopsia

#797979

CSS Usage

background-color: #C457EB;
color: #C457EB;
border-color: #C457EB;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FAF2FC
100
#F3E1F9
200
#E9BFF7
300
#D992F2
400
#C456EB
500
#AF1BE4
600
#8C16B6
700
#701192
800
#570E72
900
#410E53
950
#290934

Contrast Checker

Text on white

3,55:1

AA Fail AAA Fail

Text on black

5,91:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026