#D18DFA

#D18DFA

Color Values

HEX

#D18DFA

RGB

209, 141, 250

HSL

277.4, 91.6%, 76.7%

HSV

277.4, 43.6%, 98.0%

CMYK

16.4%, 43.6%, 0.0%, 2.0%

OKLCH

0.7521 0.1656 311.7

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D18DFA

#B6FA8D

Analogous

#9B8DFA

#FA8DED

#D18DFA

Triadic

#D18DFA

#FAD18D

#8DFAD1

Split Complementary

#D18DFA

#EDFA8D

#8DFA9B

Tetradic

#D18DFA

#FA9B8D

#B6FA8D

#8DEDFA

Color Blindness Simulation

Original

#D18DFA

Protanopia

#B4B3E0

Deuteranopia

#B8BDD9

Tritanopia

#CECBC6

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E3BBFC
300
#D08AFA
400
#B64AF7
500
#9C0BF4
600
#7D09C3
700
#64079C
800
#4E057A
900
#3A0958
950
#250538

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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