#9084CC

#9084CC

Color Values

HEX

#9084CC

RGB

144, 132, 204

HSL

250.0, 41.4%, 65.9%

HSV

250.0, 35.3%, 80.0%

CMYK

29.4%, 35.3%, 0.0%, 20.0%

OKLCH

0.6526 0.1062 290.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9084CC

#C0CC84

Analogous

#849CCC

#B484CC

#9084CC

Triadic

#9084CC

#CC9084

#84CC90

Split Complementary

#9084CC

#CCB484

#9CCC84

Tetradic

#9084CC

#CC849C

#C0CC84

#84CCB4

Color Blindness Simulation

Original

#9084CC

Protanopia

#8B8BBB

Deuteranopia

#8C8CB6

Tritanopia

#8FADAA

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D1CDEA
300
#B1A8DB
400
#877AC8
500
#5C4BB4
600
#4A3C90
700
#3B3073
800
#2E255A
900
#241E43
950
#17132A

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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