#321630

#321630

Color Values

HEX

#321630

RGB

50, 22, 48

HSL

304.3, 38.9%, 14.1%

HSV

304.3, 56.0%, 19.6%

CMYK

0.0%, 56.0%, 4.0%, 80.4%

OKLCH

0.2524 0.0611 329.9

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#321630

#163218

Analogous

#261632

#321622

#321630

Triadic

#321630

#303216

#163032

Split Complementary

#321630

#223216

#163226

Tetradic

#321630

#322616

#163218

#162232

Color Blindness Simulation

Original

#321630

Protanopia

#26262A

Deuteranopia

#282A28

Tritanopia

#312524

Achromatopsia

#1E1E1E

CSS Usage

background-color: #321630;
color: #321630;
border-color: #321630;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FAF5FA
100
#F3E7F2
200
#E9CDE7
300
#DAAAD6
400
#C57CC0
500
#B14EAA
600
#8E3E88
700
#71326D
800
#592755
900
#411F3F
950
#291428

Contrast Checker

Text on white

16.24:1

AA Pass AAA Pass

Text on black

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