#BD74F0

#BD74F0

Color Values

HEX

#BD74F0

RGB

189, 116, 240

HSL

275.3, 80.5%, 69.8%

HSV

275.3, 51.7%, 94.1%

CMYK

21.2%, 51.7%, 0.0%, 5.9%

OKLCH

0.6875 0.1869 309.5

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BD74F0

#A7F074

Analogous

#7F74F0

#F074E5

#BD74F0

Triadic

#BD74F0

#F0BD74

#74F0BD

Split Complementary

#BD74F0

#E5F074

#74F07F

Tetradic

#BD74F0

#F07F74

#A7F074

#74E5F0

Color Blindness Simulation

Original

#BD74F0

Protanopia

#9D9DD2

Deuteranopia

#A2A7CB

Tritanopia

#B9BAB5

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E0BFF8
300
#CB91F3
400
#AE55ED
500
#9219E6
600
#7514B8
700
#5D1093
800
#490C73
900
#370D54
950
#230835

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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