#9082DF

#9082DF

Color Values

HEX

#9082DF

RGB

144, 130, 223

HSL

249.0, 59.2%, 69.2%

HSV

249.0, 41.7%, 87.5%

CMYK

35.4%, 41.7%, 0.0%, 12.5%

OKLCH

0.6586 0.1358 289.0

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#9082DF

#D1DF82

Analogous

#82A3DF

#BE82DF

#9082DF

Triadic

#9082DF

#DF9082

#82DF90

Split Complementary

#9082DF

#DFBE82

#A3DF82

Tetradic

#9082DF

#DF82A3

#D1DF82

#82DFBE

Color Blindness Simulation

Original

#9082DF

Protanopia

#8A8AC9

Deuteranopia

#8B8CC3

Tritanopia

#8FB7B3

Achromatopsia

#8C8C8C

CSS Usage

background-color: #9082DF;
color: #9082DF;
border-color: #9082DF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CDC6F0
300
#A89EE6
400
#7A69D9
500
#4B34CB
600
#3C2AA2
700
#302182
800
#251A65
900
#1E174A
950
#130E2F

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026