#31272F

#31272F

Color Values

HEX

#31272F

RGB

49, 39, 47

HSL

312.0, 11.4%, 17.3%

HSV

312.0, 20.4%, 19.2%

CMYK

0.0%, 20.4%, 4.1%, 80.8%

OKLCH

0.2872 0.0203 333.0

Properties

Warm Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#31272F

#273129

Analogous

#2E2731

#31272A

#31272F

Triadic

#31272F

#2F3127

#272F31

Split Complementary

#31272F

#2A3127

#27312E

Tetradic

#31272F

#312E27

#273129

#272A31

Color Blindness Simulation

Original

#31272F

Protanopia

#2D2D2D

Deuteranopia

#2D2E2D

Tritanopia

#302C2B

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DE
300
#C9BBC6
400
#AB96A7
500
#8E7188
600
#725A6D
700
#5B4857
800
#473844
900
#352B33
950
#221B20

Contrast Checker

Text on white

14.37:1

AA Pass AAA Pass

Text on black

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