#890AF5

#890AF5

Color Values

HEX

#890AF5

RGB

137, 10, 245

HSL

272.4, 92.2%, 50.0%

HSV

272.4, 95.9%, 96.1%

CMYK

44.1%, 95.9%, 0.0%, 3.9%

OKLCH

0.5334 0.2832 298.5

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#890AF5

#76F50A

Analogous

#130AF5

#F50AEC

#890AF5

Triadic

#890AF5

#F5890A

#0AF589

Split Complementary

#890AF5

#ECF50A

#0AF513

Tetradic

#890AF5

#F5130A

#76F50A

#0AECF5

Color Blindness Simulation

Original

#890AF5

Protanopia

#5251BC

Deuteranopia

#5963AE

Tritanopia

#838F85

Achromatopsia

#363636

CSS Usage

background-color: #890AF5;
color: #890AF5;
border-color: #890AF5;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DEBAFC
300
#C689FA
400
#A84AF8
500
#890AF5
600
#6E08C4
700
#58069D
800
#44057B
900
#340859
950
#210538

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.43:1

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