#460756

#460756

Color Values

HEX

#460756

RGB

70, 7, 86

HSL

287.8, 84.9%, 18.2%

HSV

287.8, 91.9%, 33.7%

CMYK

18.6%, 91.9%, 0.0%, 66.3%

OKLCH

0.2948 0.1331 317.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#460756

#175607

Analogous

#1E0756

#56073E

#460756

Triadic

#460756

#564607

#075646

Split Complementary

#460756

#3E5607

#07561E

Tetradic

#460756

#561E07

#175607

#073E56

Color Blindness Simulation

Original

#460756

Protanopia

#2B2A43

Deuteranopia

#2E333E

Tritanopia

#433430

Achromatopsia

#1A1A1A

CSS Usage

background-color: #460756;
color: #460756;
border-color: #460756;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EDBDFA
300
#E18EF6
400
#D051F1
500
#C013EC
600
#990FBD
700
#7B0C97
800
#600A76
900
#460B55
950
#2C0736

Contrast Checker

Text on white

14.73:1

AA Pass AAA Pass

Text on black

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