#31322C

#31322C

Color Values

HEX

#31322C

RGB

49, 50, 44

HSL

70.0, 6.4%, 18.4%

HSV

70.0, 12.0%, 19.6%

CMYK

2.0%, 0.0%, 12.0%, 80.4%

OKLCH

0.314 0.0105 114.7

Properties

Cool Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#31322C

#2D2C32

Analogous

#32302C

#2E322C

#31322C

Triadic

#31322C

#2C3132

#322C31

Split Complementary

#31322C

#2C2E32

#302C32

Tetradic

#31322C

#2C3230

#2D2C32

#322C2E

Color Blindness Simulation

Original

#31322C

Protanopia

#31312D

Deuteranopia

#31312E

Tritanopia

#312F2F

Achromatopsia

#313131

CSS Usage

background-color: #31322C;
color: #31322C;
border-color: #31322C;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED9
300
#C4C6BE
400
#A5A79B
500
#858877
600
#6A6D5F
700
#55574C
800
#42443C
900
#32332E
950
#20201D

Contrast Checker

Text on white

12.94:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026