#64366D

#64366D

Color Values

HEX

#64366D

RGB

100, 54, 109

HSL

290.2, 33.7%, 32.0%

HSV

290.2, 50.5%, 42.7%

CMYK

8.3%, 50.5%, 0.0%, 57.3%

OKLCH

0.4135 0.1032 320.9

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#64366D

#3F6D36

Analogous

#49366D

#6D365B

#64366D

Triadic

#64366D

#6D6436

#366D64

Split Complementary

#64366D

#5B6D36

#366D49

Tetradic

#64366D

#6D4936

#3F6D36

#365B6D

Color Blindness Simulation

Original

#64366D

Protanopia

#505060

Deuteranopia

#53565C

Tritanopia

#625553

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E3CFE7
300
#D0ADD6
400
#B681C0
500
#9C55AA
600
#7D4488
700
#64366D
800
#4E2A55
900
#3A223F
950
#251528

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

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