#D388FF

#D388FF

Color Values

HEX

#D388FF

RGB

211, 136, 255

HSL

277.8, 100.0%, 76.7%

HSV

277.8, 46.7%, 100.0%

CMYK

17.3%, 46.7%, 0.0%, 0.0%

OKLCH

0.7488 0.18 311.8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#D388FF

#B4FF88

Analogous

#9888FF

#FF88F0

#D388FF

Triadic

#D388FF

#FFD388

#88FFD3

Split Complementary

#D388FF

#F0FF88

#88FF98

Tetradic

#D388FF

#FF9888

#B4FF88

#88F0FF

Color Blindness Simulation

Original

#D388FF

Protanopia

#B3B2E2

Deuteranopia

#B7BCDB

Tritanopia

#CFCBC6

Achromatopsia

#A1A1A1

CSS Usage

background-color: #D388FF;
color: #D388FF;
border-color: #D388FF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F1FE
100
#F1DEFC
200
#E5B8FF
300
#D285FF
400
#B942FF
500
#A100FF
600
#8100CC
700
#6700A3
800
#500080
900
#3C055C
950
#26033A

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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