#640A76

#640A76

Color Values

HEX

#640A76

RGB

100, 10, 118

HSL

290.0, 84.4%, 25.1%

HSV

290.0, 91.5%, 46.3%

CMYK

15.3%, 91.5%, 0.0%, 53.7%

OKLCH

0.3714 0.1696 319.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#640A76

#1C760A

Analogous

#2E0A76

#760A52

#640A76

Triadic

#640A76

#76640A

#0A7664

Split Complementary

#640A76

#52760A

#0A762E

Tetradic

#640A76

#762E0A

#1C760A

#0A5276

Color Blindness Simulation

Original

#640A76

Protanopia

#3D3C5C

Deuteranopia

#424956

Tritanopia

#604743

Achromatopsia

#252525

CSS Usage

background-color: #640A76;
color: #640A76;
border-color: #640A76;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF2FD
100
#F6E0FA
200
#EFBDF9
300
#E48EF5
400
#D651F0
500
#C714EB
600
#9F10BC
700
#800D96
800
#640A76
900
#490C55
950
#2E0736

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

1.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026