#431460

#431460

Color Values

HEX

#431460

RGB

67, 20, 96

HSL

277.1, 65.5%, 22.7%

HSV

277.1, 79.2%, 37.6%

CMYK

30.2%, 79.2%, 0.0%, 62.4%

OKLCH

0.3101 0.1283 308.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#431460

#316014

Analogous

#1D1460

#601457

#431460

Triadic

#431460

#604314

#146043

Split Complementary

#431460

#576014

#14601D

Tetradic

#431460

#601D14

#316014

#145760

Color Blindness Simulation

Original

#431460

Protanopia

#2F2E4E

Deuteranopia

#313549

Tritanopia

#413F3C

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C4F3
300
#CB9AEA
400
#AF63DE
500
#932CD3
600
#7623A9
700
#5E1C87
800
#4A166A
900
#37144D
950
#230D31

Contrast Checker

Text on white

13.93:1

AA Pass AAA Pass

Text on black

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