#7F64A2

#7F64A2

Color Values

HEX

#7F64A2

RGB

127, 100, 162

HSL

266.1, 25.0%, 51.4%

HSV

266.1, 38.3%, 63.5%

CMYK

21.6%, 38.3%, 0.0%, 36.5%

OKLCH

0.555 0.0981 303.4

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#7F64A2

#87A264

Analogous

#6468A2

#9E64A2

#7F64A2

Triadic

#7F64A2

#A27F64

#64A27F

Split Complementary

#7F64A2

#A29E64

#68A264

Tetradic

#7F64A2

#A26468

#87A264

#64A29E

Color Blindness Simulation

Original

#7F64A2

Protanopia

#737393

Deuteranopia

#75778F

Tritanopia

#7E8785

Achromatopsia

#6E6E6E

CSS Usage

background-color: #7F64A2;
color: #7F64A2;
border-color: #7F64A2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DAD2E4
300
#C0B2D1
400
#9E89B8
500
#7B609F
600
#634D80
700
#4F3D66
800
#3E3050
900
#2F263B
950
#1E1825

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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