#623D80

#623D80

Color Values

HEX

#623D80

RGB

98, 61, 128

HSL

273.1, 35.4%, 37.1%

HSV

273.1, 52.3%, 50.2%

CMYK

23.4%, 52.3%, 0.0%, 49.8%

OKLCH

0.434 0.1128 307.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#623D80

#5B803D

Analogous

#413D80

#803D7D

#623D80

Triadic

#623D80

#80623D

#3D8062

Split Complementary

#623D80

#7D803D

#3D8041

Tetradic

#623D80

#80413D

#5B803D

#3D7D80

Color Blindness Simulation

Original

#623D80

Protanopia

#525270

Deuteranopia

#54576C

Tritanopia

#606360

Achromatopsia

#4A4A4A

CSS Usage

background-color: #623D80;
color: #623D80;
border-color: #623D80;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DDCFE8
300
#C4ACD7
400
#A47FC2
500
#8452AD
600
#6A428A
700
#55356E
800
#422956
900
#322140
950
#201528

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail 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