#431367

#431367

Color Values

HEX

#431367

RGB

67, 19, 103

HSL

274.3, 68.9%, 23.9%

HSV

274.3, 81.6%, 40.4%

CMYK

35.0%, 81.6%, 0.0%, 59.6%

OKLCH

0.3151 0.1371 305.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#431367

#376713

Analogous

#191367

#671361

#431367

Triadic

#431367

#674313

#136743

Split Complementary

#431367

#616713

#136719

Tetradic

#431367

#671913

#376713

#136167

Color Blindness Simulation

Original

#431367

Protanopia

#2E2E53

Deuteranopia

#31354E

Tritanopia

#41433F

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#DFC3F4
300
#C898EC
400
#AA60E2
500
#8C28D7
600
#7020AC
700
#5A198A
800
#46146C
900
#35124E
950
#210C32

Contrast Checker

Text on white

13.75:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026