#8930D0

#8930D0

Color Values

HEX

#8930D0

RGB

137, 48, 208

HSL

273.4, 63.0%, 50.2%

HSV

273.4, 76.9%, 81.6%

CMYK

34.1%, 76.9%, 0.0%, 18.4%

OKLCH

0.522 0.2288 304.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8930D0

#77D030

Analogous

#3930D0

#D030C7

#8930D0

Triadic

#8930D0

#D08930

#30D089

Split Complementary

#8930D0

#C7D030

#30D039

Tetradic

#8930D0

#D03930

#77D030

#30C7D0

Color Blindness Simulation

Original

#8930D0

Protanopia

#6262A9

Deuteranopia

#686EA0

Tritanopia

#858B84

Achromatopsia

#4E4E4E

CSS Usage

background-color: #8930D0;
color: #8930D0;
border-color: #8930D0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE8
400
#A765DC
500
#892FD0
600
#6D26A6
700
#571E85
800
#441868
900
#34154C
950
#210D30

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail 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