#314539

#314539

Color Values

HEX

#314539

RGB

49, 69, 57

HSL

144.0, 16.9%, 23.1%

HSV

144.0, 29.0%, 27.1%

CMYK

29.0%, 0.0%, 17.4%, 72.9%

OKLCH

0.3694 0.0326 158.0

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#314539

#45313D

Analogous

#334531

#314543

#314539

Triadic

#314539

#393145

#453931

Split Complementary

#314539

#433145

#453133

Tetradic

#314539

#313345

#45313D

#454331

Color Blindness Simulation

Original

#314539

Protanopia

#3A3A3C

Deuteranopia

#38373D

Tritanopia

#323E3F

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D5E1DA
300
#B7CCC0
400
#91B19D
500
#6A957B
600
#557763
700
#445F4F
800
#354B3E
900
#29382F
950
#1A231E

Contrast Checker

Text on white

10.29:1

AA Pass AAA Pass

Text on black

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