#320B55

#320B55

Color Values

HEX

#320B55

RGB

50, 11, 85

HSL

271.6, 77.1%, 18.8%

HSV

271.6, 87.1%, 33.3%

CMYK

41.2%, 87.1%, 0.0%, 66.7%

OKLCH

0.2662 0.122 302.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320B55

#2E550B

Analogous

#0D0B55

#550B53

#320B55

Triadic

#320B55

#55320B

#0B5532

Split Complementary

#320B55

#53550B

#0B550D

Tetradic

#320B55

#550D0B

#2E550B

#0B5355

Color Blindness Simulation

Original

#320B55

Protanopia

#212143

Deuteranopia

#23263F

Tritanopia

#303532

Achromatopsia

#191919

CSS Usage

background-color: #320B55;
color: #320B55;
border-color: #320B55;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDC0F7
300
#C493F1
400
#A558E9
500
#851DE2
600
#6A17B5
700
#551391
800
#420F71
900
#320F52
950
#200934

Contrast Checker

Text on white

15.97:1

AA Pass AAA Pass

Text on black

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