#312930

#312930

Color Values

HEX

#312930

RGB

49, 41, 48

HSL

307.5, 8.9%, 17.6%

HSV

307.5, 16.3%, 19.2%

CMYK

0.0%, 16.3%, 2.0%, 80.8%

OKLCH

0.2925 0.0169 330.1

Properties

Warm Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#312930

#29312A

Analogous

#2E2931

#31292C

#312930

Triadic

#312930

#303129

#293031

Split Complementary

#312930

#2C3129

#29312E

Tetradic

#312930

#312E29

#29312A

#292C31

Color Blindness Simulation

Original

#312930

Protanopia

#2E2D2E

Deuteranopia

#2E2F2E

Tritanopia

#312D2D

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DED8DE
300
#C7BCC6
400
#A998A7
500
#8B7488
600
#6F5D6D
700
#594A57
800
#453A44
900
#342D33
950
#211C20

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

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