#313C36

#313C36

Color Values

HEX

#313C36

RGB

49, 60, 54

HSL

147.3, 10.1%, 21.4%

HSV

147.3, 18.3%, 23.5%

CMYK

18.3%, 0.0%, 10.0%, 76.5%

OKLCH

0.344 0.0179 161.5

Properties

Cool Dark Nearest: RAL 6015 Black Olive

Color Harmonies

Complementary

#313C36

#3C3137

Analogous

#323C31

#313C3C

#313C36

Triadic

#313C36

#36313C

#3C3631

Split Complementary

#313C36

#3C313C

#3C3132

Tetradic

#313C36

#31323C

#3C3137

#3C3C31

Color Blindness Simulation

Original

#313C36

Protanopia

#363637

Deuteranopia

#353438

Tritanopia

#323939

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDB
300
#BCC8C1
400
#97AAA0
500
#738C7E
600
#5C7065
700
#495A51
800
#39463F
900
#2C3530
950
#1C211E

Contrast Checker

Text on white

11.47:1

AA Pass AAA Pass

Text on black

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