#320856

#320856

Color Values

HEX

#320856

RGB

50, 8, 86

HSL

272.3, 83.0%, 18.4%

HSV

272.3, 90.7%, 33.7%

CMYK

41.9%, 90.7%, 0.0%, 66.3%

OKLCH

0.2643 0.1261 302.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320856

#2C5608

Analogous

#0B0856

#560853

#320856

Triadic

#320856

#563208

#085632

Split Complementary

#320856

#535608

#08560B

Tetradic

#320856

#560B08

#2C5608

#085356

Color Blindness Simulation

Original

#320856

Protanopia

#201F43

Deuteranopia

#22253F

Tritanopia

#303431

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF9
300
#C68FF5
400
#A752EF
500
#8816E9
600
#6C11BB
700
#570E95
800
#440B75
900
#330C55
950
#200835

Contrast Checker

Text on white

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