#906CC6

#906CC6

Color Values

HEX

#906CC6

RGB

144, 108, 198

HSL

264.0, 44.1%, 60.0%

HSV

264.0, 45.5%, 77.6%

CMYK

27.3%, 45.5%, 0.0%, 22.4%

OKLCH

0.6053 0.1366 300.9

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#906CC6

#A2C66C

Analogous

#6C75C6

#BD6CC6

#906CC6

Triadic

#906CC6

#C6906C

#6CC690

Split Complementary

#906CC6

#C6BD6C

#75C66C

Tetradic

#906CC6

#C66C75

#A2C66C

#6CC6BD

Color Blindness Simulation

Original

#906CC6

Protanopia

#8080B0

Deuteranopia

#8285AB

Tritanopia

#8E9F9B

Achromatopsia

#7A7A7A

CSS Usage

background-color: #906CC6;
color: #906CC6;
border-color: #906CC6;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D8CCEB
300
#BCA7DD
400
#9877CA
500
#7447B8
600
#5D3993
700
#4A2E76
800
#3A245C
900
#2D1D44
950
#1C122B

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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