#653058

#653058

Color Values

HEX

#653058

RGB

101, 48, 88

HSL

314.7, 35.6%, 29.2%

HSV

314.7, 52.5%, 39.6%

CMYK

0.0%, 52.5%, 12.9%, 60.4%

OKLCH

0.3943 0.0938 337.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#653058

#30653D

Analogous

#573065

#65303D

#653058

Triadic

#653058

#586530

#305865

Split Complementary

#653058

#3D6530

#306557

Tetradic

#653058

#655730

#30653D

#303D65

Color Blindness Simulation

Original

#653058

Protanopia

#4E4E4E

Deuteranopia

#51554C

Tritanopia

#624745

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F0
200
#E8CFE2
300
#D8ACCD
400
#C27FB2
500
#AD5297
600
#8A4279
700
#6F3560
800
#56294B
900
#402138
950
#281524

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

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