#BD75ED

#BD75ED

Color Values

HEX

#BD75ED

RGB

189, 117, 237

HSL

276.0, 76.9%, 69.4%

HSV

276.0, 50.6%, 92.9%

CMYK

20.3%, 50.6%, 0.0%, 7.1%

OKLCH

0.6874 0.182 310.1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BD75ED

#A5ED75

Analogous

#8175ED

#ED75E1

#BD75ED

Triadic

#BD75ED

#EDBD75

#75EDBD

Split Complementary

#BD75ED

#E1ED75

#75ED81

Tetradic

#BD75ED

#ED8175

#A5ED75

#75E1ED

Color Blindness Simulation

Original

#BD75ED

Protanopia

#9E9DD0

Deuteranopia

#A2A7C9

Tritanopia

#B9B9B4

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E1C0F7
300
#CB93F1
400
#AF58E9
500
#931DE2
600
#7618B4
700
#5E1390
800
#4A0F71
900
#370F52
950
#230934

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.93:1

AA Pass AAA Fail

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