#640BBB

#640BBB

Color Values

HEX

#640BBB

RGB

100, 11, 187

HSL

270.3, 88.9%, 38.8%

HSV

270.3, 94.1%, 73.3%

CMYK

46.5%, 94.1%, 0.0%, 26.7%

OKLCH

0.4335 0.2289 297.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#640BBB

#62BB0B

Analogous

#0C0BBB

#BB0BBA

#640BBB

Triadic

#640BBB

#BB640B

#0BBB64

Split Complementary

#640BBB

#BABB0B

#0BBB0C

Tetradic

#640BBB

#BB0C0B

#62BB0B

#0BBABB

Color Blindness Simulation

Original

#640BBB

Protanopia

#3D3D90

Deuteranopia

#434986

Tritanopia

#606F67

Achromatopsia

#2B2B2B

CSS Usage

background-color: #640BBB;
color: #640BBB;
border-color: #640BBB;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DCBCFB
300
#C28BF8
400
#A14DF5
500
#810EF1
600
#670BC1
700
#52099A
800
#400778
900
#310A57
950
#1F0637

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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