#8489EE

#8489EE

Color Values

HEX

#8489EE

RGB

132, 137, 238

HSL

237.2, 75.7%, 72.5%

HSV

237.2, 44.5%, 93.3%

CMYK

44.5%, 42.4%, 0.0%, 6.7%

OKLCH

0.6708 0.1479 279.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8489EE

#EEE984

Analogous

#84BEEE

#B484EE

#8489EE

Triadic

#8489EE

#EE8489

#89EE84

Split Complementary

#8489EE

#EEB484

#BEEE84

Tetradic

#8489EE

#EE84BE

#EEE984

#84EEB4

Color Blindness Simulation

Original

#8489EE

Protanopia

#8686D6

Deuteranopia

#8686D0

Tritanopia

#84C2BE

Achromatopsia

#8F8F8F

CSS Usage

background-color: #8489EE;
color: #8489EE;
border-color: #8489EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C3F6
300
#9398F0
400
#5960E8
500
#1F28E0
600
#1920B3
700
#141A8F
800
#0F1470
900
#0F1351
950
#0A0C33

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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