#320768

#320768

Color Values

HEX

#320768

RGB

50, 7, 104

HSL

266.6, 87.4%, 21.8%

HSV

266.6, 93.3%, 40.8%

CMYK

51.9%, 93.3%, 0.0%, 59.2%

OKLCH

0.2825 0.1462 294.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320768

#3D6807

Analogous

#070D68

#630768

#320768

Triadic

#320768

#683207

#076832

Split Complementary

#320768

#686307

#0D6807

Tetradic

#320768

#68070D

#3D6807

#076863

Color Blindness Simulation

Original

#320768

Protanopia

#1F1F51

Deuteranopia

#22254B

Tritanopia

#303E3A

Achromatopsia

#171717

CSS Usage

background-color: #320768;
color: #320768;
border-color: #320768;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BCFB
300
#BC8CF7
400
#974EF3
500
#7310EF
600
#5C0DBF
700
#4A0A99
800
#390877
900
#2C0A57
950
#1C0737

Contrast Checker

Text on white

15.37:1

AA Pass AAA Pass

Text on black

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