#320B65

#320B65

Color Values

HEX

#320B65

RGB

50, 11, 101

HSL

266.0, 80.4%, 22.0%

HSV

266.0, 89.1%, 39.6%

CMYK

50.5%, 89.1%, 0.0%, 60.4%

OKLCH

0.2826 0.1398 295.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320B65

#3E650B

Analogous

#0B1165

#5F0B65

#320B65

Triadic

#320B65

#65320B

#0B6532

Split Complementary

#320B65

#655F0B

#11650B

Tetradic

#320B65

#650B11

#3E650B

#0B655F

Color Blindness Simulation

Original

#320B65

Protanopia

#21214F

Deuteranopia

#23264A

Tritanopia

#303E3A

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#D7BFF8
300
#BB91F3
400
#9755ED
500
#7219E6
600
#5B14B8
700
#491093
800
#390C73
900
#2C0D54
950
#1C0835

Contrast Checker

Text on white

15.31:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026