#58437A

#58437A

Color Values

HEX

#58437A

RGB

88, 67, 122

HSL

262.9, 29.1%, 37.1%

HSV

262.9, 45.1%, 47.8%

CMYK

27.9%, 45.1%, 0.0%, 52.2%

OKLCH

0.4303 0.091 300.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#58437A

#657A43

Analogous

#434A7A

#74437A

#58437A

Triadic

#58437A

#7A5843

#437A58

Split Complementary

#58437A

#7A7443

#4A7A43

Tetradic

#58437A

#7A434A

#657A43

#437A74

Color Blindness Simulation

Original

#58437A

Protanopia

#4F4F6D

Deuteranopia

#505269

Tritanopia

#576260

Achromatopsia

#4B4B4B

CSS Usage

background-color: #58437A;
color: #58437A;
border-color: #58437A;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D1E6
300
#BEB0D4
400
#9A85BC
500
#775AA5
600
#5F4884
700
#4C3A69
800
#3B2D52
900
#2D243D
950
#1D1727

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026