#683C90

#683C90

Color Values

HEX

#683C90

RGB

104, 60, 144

HSL

271.4, 41.2%, 40.0%

HSV

271.4, 58.3%, 56.5%

CMYK

27.8%, 58.3%, 0.0%, 43.5%

OKLCH

0.4496 0.1365 305.8

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#683C90

#64903C

Analogous

#3E3C90

#903C8E

#683C90

Triadic

#683C90

#90683C

#3C9068

Split Complementary

#683C90

#8E903C

#3C903E

Tetradic

#683C90

#903E3C

#64903C

#3C8E90

Color Blindness Simulation

Original

#683C90

Protanopia

#55557C

Deuteranopia

#585B77

Tritanopia

#666C68

Achromatopsia

#4B4B4B

CSS Usage

background-color: #683C90;
color: #683C90;
border-color: #683C90;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDEA
300
#C3A9DB
400
#A27AC8
500
#824BB4
600
#683C90
700
#533073
800
#41255A
900
#311E42
950
#1F132A

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026