#E146FC

#E146FC

Color Values

HEX

#E146FC

RGB

225, 70, 252

HSL

291.1, 96.8%, 63.1%

HSV

291.1, 72.2%, 98.8%

CMYK

10.7%, 72.2%, 0.0%, 1.2%

OKLCH

0.6853 0.2726 321.2

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#E146FC

#61FC46

Analogous

#8646FC

#FC46BC

#E146FC

Triadic

#E146FC

#FCE146

#46FCE1

Split Complementary

#E146FC

#BCFC46

#46FC86

Tetradic

#E146FC

#FC8646

#61FC46

#46BCFC

Color Blindness Simulation

Original

#E146FC

Protanopia

#9E9DD0

Deuteranopia

#A7B2C5

Tritanopia

#D9ADA6

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F7DEFC
200
#F4B9FE
300
#EB87FD
400
#E145FC
500
#D604FB
600
#AB03C9
700
#8903A1
800
#6B027D
900
#4E065B
950
#310439

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.48: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