#908EC6

#908EC6

Color Values

HEX

#908EC6

RGB

144, 142, 198

HSL

242.1, 32.9%, 66.7%

HSV

242.1, 28.3%, 77.6%

CMYK

27.3%, 28.3%, 0.0%, 22.4%

OKLCH

0.6696 0.0823 285.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#908EC6

#C4C68E

Analogous

#8EA8C6

#AC8EC6

#908EC6

Triadic

#908EC6

#C6908E

#8EC690

Split Complementary

#908EC6

#C6AC8E

#A8C68E

Tetradic

#908EC6

#C68EA8

#C4C68E

#8EC6AC

Color Blindness Simulation

Original

#908EC6

Protanopia

#8F8FB8

Deuteranopia

#8F8FB5

Tritanopia

#90AEAB

Achromatopsia

#929292

CSS Usage

background-color: #908EC6;
color: #908EC6;
border-color: #908EC6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5F9
100
#E9E8F2
200
#D0D0E7
300
#AFAED6
400
#8482C0
500
#5856A9
600
#474488
700
#39376C
800
#2C2B55
900
#23223F
950
#161628

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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