#313F43

#313F43

Color Values

HEX

#313F43

RGB

49, 63, 67

HSL

193.3, 15.5%, 22.7%

HSV

193.3, 26.9%, 26.3%

CMYK

26.9%, 6.0%, 0.0%, 73.7%

OKLCH

0.3569 0.0195 217.0

Properties

Cool Dark Nearest: RAL 6012 Black Green

Color Harmonies

Complementary

#313F43

#433531

Analogous

#31433E

#313643

#313F43

Triadic

#313F43

#43313F

#3F4331

Split Complementary

#313F43

#433136

#433E31

Tetradic

#313F43

#3E3143

#433531

#364331

Color Blindness Simulation

Original

#313F43

Protanopia

#373742

Deuteranopia

#363542

Tritanopia

#324141

Achromatopsia

#3C3C3C

CSS Usage

background-color: #313F43;
color: #313F43;
border-color: #313F43;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D6DEE1
300
#B8C7CB
400
#92A9AF
500
#6C8B93
600
#566F76
700
#45595E
800
#36454A
900
#2A3437
950
#1A2123

Contrast Checker

Text on white

10.92:1

AA Pass AAA Pass

Text on black

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