#908CF6

#908CF6

Color Values

HEX

#908CF6

RGB

144, 140, 246

HSL

242.3, 85.5%, 75.7%

HSV

242.3, 43.1%, 96.5%

CMYK

41.5%, 43.1%, 0.0%, 3.5%

OKLCH

0.6898 0.153 283.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#908CF6

#F2F68C

Analogous

#8CBDF6

#C58CF6

#908CF6

Triadic

#908CF6

#F6908C

#8CF690

Split Complementary

#908CF6

#F6C58C

#BDF68C

Tetradic

#908CF6

#F68CBD

#F2F68C

#8CF6C5

Color Blindness Simulation

Original

#908CF6

Protanopia

#8E8EDC

Deuteranopia

#8E8FD6

Tritanopia

#90C8C4

Achromatopsia

#959595

CSS Usage

background-color: #908CF6;
color: #908CF6;
border-color: #908CF6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBDFA
300
#918DF6
400
#5650F1
500
#1B12ED
600
#150FBD
700
#110C97
800
#0D0976
900
#0E0B56
950
#090736

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026