#E35DF4

#E35DF4

Color Values

HEX

#E35DF4

RGB

227, 93, 244

HSL

293.2, 87.3%, 66.1%

HSV

293.2, 61.9%, 95.7%

CMYK

7.0%, 61.9%, 0.0%, 4.3%

OKLCH

0.7052 0.24 323.0

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E35DF4

#6EF45D

Analogous

#975DF4

#F45DBA

#E35DF4

Triadic

#E35DF4

#F4E35D

#5DF4E3

Split Complementary

#E35DF4

#BAF45D

#5DF497

Tetradic

#E35DF4

#F4975D

#6EF45D

#5DBAF4

Color Blindness Simulation

Original

#E35DF4

Protanopia

#A9A8D0

Deuteranopia

#B1BBC7

Tritanopia

#DCB3AC

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F7E0FA
200
#F3BCFA
300
#EB8CF7
400
#E04EF3
500
#D610EF
600
#AB0DBF
700
#890A99
800
#6B0877
900
#4E0A57
950
#310737

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026