#320767

#320767

Color Values

HEX

#320767

RGB

50, 7, 103

HSL

266,9, 87,3%, 21,6%

HSV

266,9, 93,2%, 40,4%

CMYK

51,5%, 93,2%, 0,0%, 59,6%

OKLCH

0,2814 0,1451 294,7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#320767

#3C6707

Analogous

#070C67

#620767

#320767

Triadic

#320767

#673207

#076732

Split Complementary

#320767

#676207

#0C6707

Tetradic

#320767

#67070C

#3C6707

#076762

Color Blindness Simulation

Original

#320767

Protanopia

#1F1F50

Deuteranopia

#22254A

Tritanopia

#303D39

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BCFA
300
#BC8CF7
400
#984EF3
500
#7410EF
600
#5D0DBF
700
#4A0A99
800
#3A0877
900
#2D0A57
950
#1C0737

Contrast Checker

Text on white

15,42:1

AA Pass AAA Pass

Text on black

1,36:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026