#431676

#431676

Color Values

HEX

#431676

RGB

67, 22, 118

HSL

268.1, 68.6%, 27.5%

HSV

268.1, 81.4%, 46.3%

CMYK

43.2%, 81.4%, 0.0%, 53.7%

OKLCH

0.332 0.1502 299.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#431676

#497616

Analogous

#161976

#731676

#431676

Triadic

#431676

#764316

#167643

Split Complementary

#431676

#767316

#197616

Tetradic

#431676

#761619

#497616

#167673

Color Blindness Simulation

Original

#431676

Protanopia

#302F5F

Deuteranopia

#323659

Tritanopia

#414C48

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F8
200
#DAC3F4
300
#BF98EC
400
#9D60E1
500
#7A28D7
600
#6220AC
700
#4E1A8A
800
#3D146B
900
#2F134E
950
#1D0C31

Contrast Checker

Text on white

13.0:1

AA Pass AAA Pass

Text on black

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