#8985CC

#8985CC

Color Values

HEX

#8985CC

RGB

137, 133, 204

HSL

243.4, 41.0%, 66.1%

HSV

243.4, 34.8%, 80.0%

CMYK

32.8%, 34.8%, 0.0%, 20.0%

OKLCH

0.6488 0.1049 285.7

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#8985CC

#C8CC85

Analogous

#85A5CC

#AD85CC

#8985CC

Triadic

#8985CC

#CC8985

#85CC89

Split Complementary

#8985CC

#CCAD85

#A5CC85

Tetradic

#8985CC

#CC85A5

#C8CC85

#85CCAD

Color Blindness Simulation

Original

#8985CC

Protanopia

#8787BB

Deuteranopia

#8888B7

Tritanopia

#89ADAA

Achromatopsia

#8B8B8B

CSS Usage

background-color: #8985CC;
color: #8985CC;
border-color: #8985CC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDEA
300
#ACA9DB
400
#7E7AC7
500
#514BB4
600
#413C90
700
#343073
800
#29265A
900
#211F42
950
#15132A

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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