#372232

#372232

Color Values

HEX

#372232

RGB

55, 34, 50

HSL

314.3, 23.6%, 17.5%

HSV

314.3, 38.2%, 21.6%

CMYK

0.0%, 38.2%, 9.1%, 78.4%

OKLCH

0.2848 0.0415 335.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#372232

#223727

Analogous

#322237

#372228

#372232

Triadic

#372232

#323722

#223237

Split Complementary

#372232

#283722

#223732

Tetradic

#372232

#373222

#223727

#222837

Color Blindness Simulation

Original

#372232

Protanopia

#2E2E2E

Deuteranopia

#2F312D

Tritanopia

#362B2A

Achromatopsia

#282828

CSS Usage

background-color: #372232;
color: #372232;
border-color: #372232;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E4D3E0
300
#D0B3C9
400
#B78AAC
500
#9E618F
600
#7E4E73
700
#653E5C
800
#4F3148
900
#3B2636
950
#251822

Contrast Checker

Text on white

14.61:1

AA Pass AAA Pass

Text on black

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