#460297

#460297

Color Values

HEX

#460297

RGB

70, 2, 151

HSL

267.4, 97.4%, 30.0%

HSV

267.4, 98.7%, 59.2%

CMYK

53.6%, 98.7%, 0.0%, 40.8%

OKLCH

0.3561 0.1972 292.2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#460297

#539702

Analogous

#020897

#910297

#460297

Triadic

#460297

#974602

#029746

Split Complementary

#460297

#979102

#089702

Tetradic

#460297

#970208

#539702

#029791

Color Blindness Simulation

Original

#460297

Protanopia

#292873

Deuteranopia

#2C326A

Tritanopia

#435650

Achromatopsia

#1B1B1B

CSS Usage

background-color: #460297;
color: #460297;
border-color: #460297;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D8B9FE
300
#BD86FD
400
#9945FD
500
#7503FC
600
#5D03C9
700
#4B02A1
800
#3A027E
900
#2D065B
950
#1C0439

Contrast Checker

Text on white

12.24:1

AA Pass AAA Pass

Text on black

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