#320855

#320855

Color Values

HEX

#320855

RGB

50, 8, 85

HSL

272.7, 82.8%, 18.2%

HSV

272.7, 90.6%, 33.3%

CMYK

41.2%, 90.6%, 0.0%, 66.7%

OKLCH

0.2633 0.125 302.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320855

#2B5508

Analogous

#0B0855

#550851

#320855

Triadic

#320855

#553208

#085532

Split Complementary

#320855

#515508

#08550B

Tetradic

#320855

#550B08

#2B5508

#085155

Color Blindness Simulation

Original

#320855

Protanopia

#201F42

Deuteranopia

#22253E

Tritanopia

#303430

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF9
300
#C68FF4
400
#A853EF
500
#8916E9
600
#6E12BA
700
#580E95
800
#450B75
900
#340C55
950
#210835

Contrast Checker

Text on white

16.13:1

AA Pass AAA Pass

Text on black

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