#D189FA

#D189FA

Color Values

HEX

#D189FA

RGB

209, 137, 250

HSL

278.2, 91.9%, 75.9%

HSV

278.2, 45.2%, 98.0%

CMYK

16.4%, 45.2%, 0.0%, 2.0%

OKLCH

0.7458 0.1721 312.2

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D189FA

#B2FA89

Analogous

#9989FA

#FA89EB

#D189FA

Triadic

#D189FA

#FAD189

#89FAD1

Split Complementary

#D189FA

#EBFA89

#89FA99

Tetradic

#D189FA

#FA9989

#B2FA89

#89EBFA

Color Blindness Simulation

Original

#D189FA

Protanopia

#B2B1DF

Deuteranopia

#B6BBD8

Tritanopia

#CDC9C4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BAFC
300
#D18AFA
400
#B84AF7
500
#A00AF5
600
#8008C4
700
#66079D
800
#50057A
900
#3B0859
950
#260538

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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