#331731

#331731

Color Values

HEX

#331731

RGB

51, 23, 49

HSL

304.3, 37.8%, 14.5%

HSV

304.3, 54.9%, 20.0%

CMYK

0.0%, 54.9%, 3.9%, 80.0%

OKLCH

0.2564 0.0609 329.8

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#331731

#173319

Analogous

#271733

#331723

#331731

Triadic

#331731

#313317

#173133

Split Complementary

#331731

#233317

#173327

Tetradic

#331731

#332717

#173319

#172333

Color Blindness Simulation

Original

#331731

Protanopia

#27272B

Deuteranopia

#282B29

Tritanopia

#322625

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE7
300
#D9ABD6
400
#C47DBF
500
#B04FA9
600
#8D3F87
700
#70336C
800
#582854
900
#41203F
950
#291428

Contrast Checker

Text on white

16.06:1

AA Pass AAA Pass

Text on black

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