#400770

#400770

Color Values

HEX

#400770

RGB

64, 7, 112

HSL

272.6, 88.2%, 23.3%

HSV

272.6, 93.8%, 43.9%

CMYK

42.9%, 93.8%, 0.0%, 56.1%

OKLCH

0.3097 0.156 301.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#400770

#377007

Analogous

#0C0770

#70076B

#400770

Triadic

#400770

#704007

#077040

Split Complementary

#400770

#6B7007

#07700C

Tetradic

#400770

#700C07

#377007

#076B70

Color Blindness Simulation

Original

#400770

Protanopia

#272757

Deuteranopia

#2B2F50

Tritanopia

#3D433E

Achromatopsia

#1B1B1B

CSS Usage

background-color: #400770;
color: #400770;
border-color: #400770;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DEBCFB
300
#C68CF8
400
#A84DF4
500
#890FF0
600
#6E0CC0
700
#580A9A
800
#450878
900
#340A57
950
#210637

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026