#620557

#620557

Color Values

HEX

#620557

RGB

98, 5, 87

HSL

307.1, 90.3%, 20.2%

HSV

307.1, 94.9%, 38.4%

CMYK

0.0%, 94.9%, 11.2%, 61.6%

OKLCH

0.3437 0.1481 334.3

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#620557

#056210

Analogous

#3F0562

#620529

#620557

Triadic

#620557

#576205

#055762

Split Complementary

#620557

#296205

#05623F

Tetradic

#620557

#623F05

#056210

#052962

Color Blindness Simulation

Original

#620557

Protanopia

#3A3943

Deuteranopia

#3F463E

Tritanopia

#5D3330

Achromatopsia

#1F1F1F

CSS Usage

background-color: #620557;
color: #620557;
border-color: #620557;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF4
300
#F98BEC
400
#F64BE2
500
#F30CD7
600
#C20AAC
700
#9B088A
800
#79066C
900
#58094F
950
#370632

Contrast Checker

Text on white

12.51:1

AA Pass AAA Pass

Text on black

1.68: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