#314538

#314538

Color Values

HEX

#314538

RGB

49, 69, 56

HSL

141.0, 16.9%, 23.1%

HSV

141.0, 29.0%, 27.1%

CMYK

29.0%, 0.0%, 18.8%, 72.9%

OKLCH

0.3691 0.0337 155.9

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#314538

#45313E

Analogous

#344531

#314542

#314538

Triadic

#314538

#383145

#453831

Split Complementary

#314538

#423145

#453134

Tetradic

#314538

#313445

#45313E

#454231

Color Blindness Simulation

Original

#314538

Protanopia

#3A3A3B

Deuteranopia

#38373C

Tritanopia

#323E3E

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D5E1D9
300
#B7CCBF
400
#91B19C
500
#6A9579
600
#557761
700
#445F4D
800
#354B3D
900
#29382E
950
#1A231D

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

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