#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