#320758

#320758

Color Values

HEX

#320758

RGB

50, 7, 88

HSL

271.9, 85.3%, 18.6%

HSV

271.9, 92.0%, 34.5%

CMYK

43.2%, 92.0%, 0.0%, 65.5%

OKLCH

0.2654 0.1292 301.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320758

#2D5807

Analogous

#0A0758

#580755

#320758

Triadic

#320758

#583207

#075832

Split Complementary

#320758

#555807

#07580A

Tetradic

#320758

#580A07

#2D5807

#075558

Color Blindness Simulation

Original

#320758

Protanopia

#1F1F44

Deuteranopia

#222540

Tritanopia

#303532

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBDFA
300
#C58EF6
400
#A650F1
500
#8613EC
600
#6C0FBD
700
#560C97
800
#430976
900
#330B56
950
#200736

Contrast Checker

Text on white

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