#640977

#640977

Color Values

HEX

#640977

RGB

100, 9, 119

HSL

289.6, 85.9%, 25.1%

HSV

289.6, 92.4%, 46.7%

CMYK

16.0%, 92.4%, 0.0%, 53.3%

OKLCH

0.3717 0.171 319.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#640977

#1C7709

Analogous

#2D0977

#770953

#640977

Triadic

#640977

#776409

#097764

Split Complementary

#640977

#537709

#09772D

Tetradic

#640977

#772D09

#1C7709

#095377

Color Blindness Simulation

Original

#640977

Protanopia

#3D3C5C

Deuteranopia

#424956

Tritanopia

#5F4743

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F6E0FA
200
#EFBDFA
300
#E48DF6
400
#D650F2
500
#C712ED
600
#9F0EBE
700
#7F0C98
800
#640977
900
#490B56
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