#C254ED

#C254ED

Color Values

HEX

#C254ED

RGB

194, 84, 237

HSL

283.1, 81.0%, 62.9%

HSV

283.1, 64.6%, 92.9%

CMYK

18.1%, 64.6%, 0.0%, 7.1%

OKLCH

0.6497 0.2316 315.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C254ED

#7FED54

Analogous

#7554ED

#ED54CC

#C254ED

Triadic

#C254ED

#EDC254

#54EDC2

Split Complementary

#C254ED

#CCED54

#54ED75

Tetradic

#C254ED

#ED7554

#7FED54

#54CCED

Color Blindness Simulation

Original

#C254ED

Protanopia

#9291C8

Deuteranopia

#99A1BF

Tritanopia

#BCABA4

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E1F9
200
#E8BEF8
300
#D790F3
400
#C254ED
500
#AD18E7
600
#8A13B9
700
#6E1094
800
#560C73
900
#400D54
950
#280835

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.78:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026