#640AB9

#640AB9

Color Values

HEX

#640AB9

RGB

100, 10, 185

HSL

270.9, 89.7%, 38.2%

HSV

270.9, 94.6%, 72.5%

CMYK

45.9%, 94.6%, 0.0%, 27.5%

OKLCH

0.4312 0.2275 297.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#640AB9

#5FB90A

Analogous

#0D0AB9

#B90AB6

#640AB9

Triadic

#640AB9

#B9640A

#0AB964

Split Complementary

#640AB9

#B6B90A

#0AB90D

Tetradic

#640AB9

#B90D0A

#5FB90A

#0AB6B9

Color Blindness Simulation

Original

#640AB9

Protanopia

#3D3C8F

Deuteranopia

#424984

Tritanopia

#606D66

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DCBBFB
300
#C38BF9
400
#A34CF5
500
#830DF2
600
#690BC1
700
#54089B
800
#410779
900
#320958
950
#1F0637

Contrast Checker

Text on white

9.19:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026