#331630

#331630

Color Values

HEX

#331630

RGB

51, 22, 48

HSL

306.2, 39.7%, 14.3%

HSV

306.2, 56.9%, 20.0%

CMYK

0.0%, 56.9%, 5.9%, 80.0%

OKLCH

0.254 0.0619 331.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#331630

#163319

Analogous

#271633

#331621

#331630

Triadic

#331630

#303316

#163033

Split Complementary

#331630

#213316

#163327

Tetradic

#331630

#332716

#163319

#162133

Color Blindness Simulation

Original

#331630

Protanopia

#26262A

Deuteranopia

#282A28

Tritanopia

#322524

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE7
300
#DAAAD5
400
#C67BBE
500
#B24DA8
600
#8E3E86
700
#72316B
800
#592654
900
#421F3E
950
#2A1427

Contrast Checker

Text on white

16.18:1

AA Pass AAA Pass

Text on black

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