#653C5E

#653C5E

Color Values

HEX

#653C5E

RGB

101, 60, 94

HSL

310.2, 25.5%, 31.6%

HSV

310.2, 40.6%, 39.6%

CMYK

0.0%, 40.6%, 6.9%, 60.4%

OKLCH

0.4178 0.076 333.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#653C5E

#3C6543

Analogous

#583C65

#653C4A

#653C5E

Triadic

#653C5E

#5E653C

#3C5E65

Split Complementary

#653C5E

#4A653C

#3C6558

Tetradic

#653C5E

#65583C

#3C6543

#3C4A65

Color Blindness Simulation

Original

#653C5E

Protanopia

#535356

Deuteranopia

#565954

Tritanopia

#634F4E

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D2E1
300
#D1B2CC
400
#B989B1
500
#A05F95
600
#804C77
700
#663D5F
800
#502F4A
900
#3C2538
950
#261823

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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