#BD66DC

#BD66DC

Color Values

HEX

#BD66DC

RGB

189, 102, 220

HSL

284.2, 62.8%, 63.1%

HSV

284.2, 53.6%, 86.3%

CMYK

14.1%, 53.6%, 0.0%, 13.7%

OKLCH

0.6565 0.1872 316.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BD66DC

#85DC66

Analogous

#8266DC

#DC66C0

#BD66DC

Triadic

#BD66DC

#DCBD66

#66DCBD

Split Complementary

#BD66DC

#C0DC66

#66DC82

Tetradic

#BD66DC

#DC8266

#85DC66

#66C0DC

Color Blindness Simulation

Original

#BD66DC

Protanopia

#9797BF

Deuteranopia

#9CA3B9

Tritanopia

#B9A9A4

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F2E4F7
200
#E6C5F2
300
#D49BE8
400
#BD65DC
500
#A52FD0
600
#8426A6
700
#6A1E85
800
#531868
900
#3D154C
950
#270D30

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.1:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026