#331B65

#331B65

Color Values

HEX

#331B65

RGB

51, 27, 101

HSL

259,5, 57,8%, 25,1%

HSV

259,5, 73,3%, 39,6%

CMYK

49,5%, 73,3%, 0,0%, 60,4%

OKLCH

0,303 0,1223 292,4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#331B65

#4D651B

Analogous

#1B2865

#581B65

#331B65

Triadic

#331B65

#65331B

#1B6533

Split Complementary

#331B65

#65581B

#28651B

Tetradic

#331B65

#651B28

#4D651B

#1B6558

Color Blindness Simulation

Original

#331B65

Protanopia

#292853

Deuteranopia

#2A2C4F

Tritanopia

#324542

Achromatopsia

#252525

CSS Usage

background-color: #331B65;
color: #331B65;
border-color: #331B65;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F4FB
100
#EAE4F6
200
#D4C7F0
300
#B59EE5
400
#8E6AD7
500
#6636C9
600
#512BA1
700
#412281
800
#331B65
900
#28174A
950
#190F2F

Contrast Checker

Text on white

14,14:1

AA Pass AAA Pass

Text on black

1,49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026