#654059

#654059

Color Values

HEX

#654059

RGB

101, 64, 89

HSL

319.5, 22.4%, 32.4%

HSV

319.5, 36.6%, 39.6%

CMYK

0.0%, 36.6%, 11.9%, 60.4%

OKLCH

0.4232 0.0631 339.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#654059

#40654C

Analogous

#5F4065

#654047

#654059

Triadic

#654059

#596540

#405965

Split Complementary

#654059

#476540

#40655F

Tetradic

#654059

#655F40

#40654C

#404765

Color Blindness Simulation

Original

#654059

Protanopia

#555553

Deuteranopia

#575A52

Tritanopia

#634E4D

Achromatopsia

#4A4A4A

CSS Usage

background-color: #654059;
color: #654059;
border-color: #654059;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E3D3DE
300
#D0B4C7
400
#B68CA8
500
#9C6389
600
#7D4F6E
700
#643F58
800
#4E3145
900
#3A2734
950
#251821

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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