#908DF2

#908DF2

Color Values

HEX

#908DF2

RGB

144, 141, 242

HSL

241.8, 79.5%, 75.1%

HSV

241.8, 41.7%, 94.9%

CMYK

40.5%, 41.7%, 0.0%, 5.1%

OKLCH

0.6895 0.1461 283.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#908DF2

#EFF28D

Analogous

#8DBCF2

#C38DF2

#908DF2

Triadic

#908DF2

#F2908D

#8DF290

Split Complementary

#908DF2

#F2C38D

#BCF28D

Tetradic

#908DF2

#F28DBC

#EFF28D

#8DF2C3

Color Blindness Simulation

Original

#908DF2

Protanopia

#8F8FDA

Deuteranopia

#8F8FD4

Tritanopia

#90C6C2

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C1BFF8
300
#9491F2
400
#5A56EC
500
#201AE5
600
#1A15B7
700
#151192
800
#100D72
900
#100E53
950
#0A0934

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

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