#3D223B

#3D223B

Color Values

HEX

#3D223B

RGB

61, 34, 59

HSL

304.4, 28.4%, 18.6%

HSV

304.4, 44.3%, 23.9%

CMYK

0.0%, 44.3%, 3.3%, 76.1%

OKLCH

0.2976 0.0574 329.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3D223B

#223D24

Analogous

#31223D

#3D222D

#3D223B

Triadic

#3D223B

#3B3D22

#223B3D

Split Complementary

#3D223B

#2D3D22

#223D31

Tetradic

#3D223B

#3D3122

#223D24

#222D3D

Color Blindness Simulation

Original

#3D223B

Protanopia

#313135

Deuteranopia

#333534

Tritanopia

#3C302F

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D1E4
300
#D3B0D1
400
#BB86B8
500
#A45B9E
600
#83497F
700
#693A65
800
#522E4F
900
#3D243B
950
#261725

Contrast Checker

Text on white

14.09:1

AA Pass AAA Pass

Text on black

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