#D186FD

#D186FD

Color Values

HEX

#D186FD

RGB

209, 134, 253

HSL

277,8, 96,7%, 75,9%

HSV

277,8, 47,0%, 99,2%

CMYK

17,4%, 47,0%, 0,0%, 0,8%

OKLCH

0,7427 0,1802 311,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#D186FD

#B2FD86

Analogous

#9686FD

#FD86EE

#D186FD

Triadic

#D186FD

#FDD186

#86FDD1

Split Complementary

#D186FD

#EEFD86

#86FD96

Tetradic

#D186FD

#FD9686

#B2FD86

#86EEFD

Color Blindness Simulation

Original

#D186FD

Protanopia

#B1B0E0

Deuteranopia

#B5BAD9

Tritanopia

#CDC9C4

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F1DEFC
200
#E4B9FE
300
#D187FD
400
#B845FC
500
#A004FB
600
#8003C9
700
#6603A1
800
#50027D
900
#3B065B
950
#260439

Contrast Checker

Text on white

2,46:1

AA Fail AAA Fail

Text on black

8,54:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026