#890CC0

#890CC0

Color Values

HEX

#890CC0

RGB

137, 12, 192

HSL

281.7, 88.2%, 40.0%

HSV

281.7, 93.7%, 75.3%

CMYK

28.6%, 93.7%, 0.0%, 24.7%

OKLCH

0.487 0.2395 310.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#890CC0

#43C00C

Analogous

#2F0CC0

#C00C9D

#890CC0

Triadic

#890CC0

#C0890C

#0CC089

Split Complementary

#890CC0

#9DC00C

#0CC02F

Tetradic

#890CC0

#C02F0C

#43C00C

#0C9DC0

Color Blindness Simulation

Original

#890CC0

Protanopia

#535294

Deuteranopia

#5A638A

Tritanopia

#83726B

Achromatopsia

#343434

CSS Usage

background-color: #890CC0;
color: #890CC0;
border-color: #890CC0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#FAF2FD
100
#F2E0FB
200
#E8BCFB
300
#D78CF8
400
#C14DF4
500
#AB0FF0
600
#890CC0
700
#6E0A9A
800
#560878
900
#3F0A57
950
#280637

Contrast Checker

Text on white

7.3:1

AA Pass AAA Pass

Text on black

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