#3A2138

#3A2138

Color Values

HEX

#3A2138

RGB

58, 33, 56

HSL

304.8, 27.5%, 17.8%

HSV

304.8, 43.1%, 22.7%

CMYK

0.0%, 43.1%, 3.4%, 77.3%

OKLCH

0.2898 0.0535 329.7

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#3A2138

#213A23

Analogous

#2F213A

#3A212B

#3A2138

Triadic

#3A2138

#383A21

#21383A

Split Complementary

#3A2138

#2B3A21

#213A2F

Tetradic

#3A2138

#3A2F21

#213A23

#212B3A

Color Blindness Simulation

Original

#3A2138

Protanopia

#2F2F32

Deuteranopia

#313231

Tritanopia

#392E2D

Achromatopsia

#282828

CSS Usage

background-color: #3A2138;
color: #3A2138;
border-color: #3A2138;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D1E4
300
#D3B1D0
400
#BB87B6
500
#A35C9D
600
#824A7E
700
#683B64
800
#512E4E
900
#3C243B
950
#261725

Contrast Checker

Text on white

14.44:1

AA Pass AAA Pass

Text on black

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