#313E36

#313E36

Color Values

HEX

#313E36

RGB

49, 62, 54

HSL

143.1, 11.7%, 21.8%

HSV

143.1, 21.0%, 24.3%

CMYK

21.0%, 0.0%, 12.9%, 75.7%

OKLCH

0.3494 0.022 158.0

Properties

Cool Dark Nearest: RAL 6009 Fir Green

Color Harmonies

Complementary

#313E36

#3E3139

Analogous

#333E31

#313E3D

#313E36

Triadic

#313E36

#36313E

#3E3631

Split Complementary

#313E36

#3D313E

#3E3133

Tetradic

#313E36

#31333E

#3E3139

#3E3D31

Color Blindness Simulation

Original

#313E36

Protanopia

#373738

Deuteranopia

#363538

Tritanopia

#32393A

Achromatopsia

#3B3B3B

CSS Usage

background-color: #313E36;
color: #313E36;
border-color: #313E36;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7DFDA
300
#BBC9C0
400
#96AC9E
500
#718E7C
600
#5A7263
700
#485B4F
800
#38473E
900
#2B362F
950
#1B221E

Contrast Checker

Text on white

11.21:1

AA Pass AAA Pass

Text on black

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