#320732

#320732

Color Values

HEX

#320732

RGB

50, 7, 50

HSL

300.0, 75.4%, 11.2%

HSV

300.0, 86.0%, 19.6%

CMYK

0.0%, 86.0%, 0.0%, 80.4%

OKLCH

0.2316 0.0902 328.0

Properties

Warm Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#320732

#073207

Analogous

#1D0732

#32071D

#320732

Triadic

#320732

#323207

#073232

Split Complementary

#320732

#1D3207

#07321D

Tetradic

#320732

#321D07

#073207

#071D32

Color Blindness Simulation

Original

#320732

Protanopia

#1F1F28

Deuteranopia

#222525

Tritanopia

#301F1E

Achromatopsia

#131313

CSS Usage

background-color: #320732;
color: #320732;
border-color: #320732;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FCF2FC
100
#F9E2F9
200
#F6C0F6
300
#F094F0
400
#E85AE8
500
#E01FE0
600
#B319B3
700
#8F148F
800
#701070
900
#511051
950
#330A33

Contrast Checker

Text on white

17.33:1

AA Pass AAA Pass

Text on black

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