#E388FC

#E388FC

Color Values

HEX

#E388FC

RGB

227, 136, 252

HSL

287.1, 95.1%, 76.1%

HSV

287.1, 46.0%, 98.8%

CMYK

9.9%, 46.0%, 0.0%, 1.2%

OKLCH

0.7645 0.1838 318.7

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E388FC

#A1FC88

Analogous

#A988FC

#FC88DB

#E388FC

Triadic

#E388FC

#FCE388

#88FCE3

Split Complementary

#E388FC

#DBFC88

#88FCA9

Tetradic

#E388FC

#FCA988

#A1FC88

#88DBFC

Color Blindness Simulation

Original

#E388FC

Protanopia

#BCBBE0

Deuteranopia

#C1C8D9

Tritanopia

#DECAC5

Achromatopsia

#A4A4A4

CSS Usage

background-color: #E388FC;
color: #E388FC;
border-color: #E388FC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF1FE
100
#F5DFFC
200
#EFB9FD
300
#E388FC
400
#D447FA
500
#C506F9
600
#9D05C7
700
#7E049F
800
#62037C
900
#48075A
950
#2E0439

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.19:1

AA Pass AAA Pass

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