#382223

#382223

Color Values

HEX

#382223

RGB

56, 34, 35

HSL

357.3, 24.4%, 17.6%

HSV

357.3, 39.3%, 22.0%

CMYK

0.0%, 39.3%, 37.5%, 78.0%

OKLCH

0.2803 0.034 16.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#382223

#223837

Analogous

#38222E

#382C22

#382223

Triadic

#382223

#233822

#222338

Split Complementary

#382223

#22382C

#222E38

Tetradic

#382223

#2E3822

#223837

#2C2238

Color Blindness Simulation

Original

#382223

Protanopia

#2E2E23

Deuteranopia

#303123

Tritanopia

#372323

Achromatopsia

#272727

CSS Usage

background-color: #382223;
color: #382223;
border-color: #382223;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E4D3D3
300
#D1B3B4
400
#B88A8C
500
#9F6063
600
#7F4D4F
700
#663E3F
800
#4F3032
900
#3B2627
950
#251818

Contrast Checker

Text on white

14.78:1

AA Pass AAA Pass

Text on black

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