#314840

#314840

Color Values

HEX

#314840

RGB

49, 72, 64

HSL

159.1, 19.0%, 23.7%

HSV

159.1, 31.9%, 28.2%

CMYK

31.9%, 0.0%, 11.1%, 71.8%

OKLCH

0.3799 0.0317 171.0

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#314840

#483139

Analogous

#314834

#314448

#314840

Triadic

#314840

#403148

#484031

Split Complementary

#314840

#483144

#483431

Tetradic

#314840

#343148

#483139

#444831

Color Blindness Simulation

Original

#314840

Protanopia

#3B3B42

Deuteranopia

#3A3842

Tritanopia

#324344

Achromatopsia

#434343

CSS Usage

background-color: #314840;
color: #314840;
border-color: #314840;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B6CDC5
400
#8FB3A6
500
#679887
600
#53796C
700
#426156
800
#344C43
900
#283933
950
#192420

Contrast Checker

Text on white

9.85:1

AA Pass AAA Pass

Text on black

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