#312836

#312836

Color Values

HEX

#312836

RGB

49, 40, 54

HSL

278.6, 14.9%, 18.4%

HSV

278.6, 25.9%, 21.2%

CMYK

9.3%, 25.9%, 0.0%, 78.8%

OKLCH

0.2928 0.0279 313.4

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#312836

#2D3628

Analogous

#2A2836

#362834

#312836

Triadic

#312836

#363128

#283631

Split Complementary

#312836

#343628

#28362A

Tetradic

#312836

#362A28

#2D3628

#283436

Color Blindness Simulation

Original

#312836

Protanopia

#2D2D33

Deuteranopia

#2E2E32

Tritanopia

#31302F

Achromatopsia

#2B2B2B

CSS Usage

background-color: #312836;
color: #312836;
border-color: #312836;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E1
300
#C4B9CB
400
#A593AF
500
#856D92
600
#6A5775
700
#55455E
800
#423649
900
#322A37
950
#201A23

Contrast Checker

Text on white

14.12:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026