#316043

#316043

Color Values

HEX

#316043

RGB

49, 96, 67

HSL

143.0, 32.4%, 28.4%

HSV

143.0, 49.0%, 37.6%

CMYK

49.0%, 0.0%, 30.2%, 62.4%

OKLCH

0.4468 0.0708 155.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#316043

#60314E

Analogous

#366031

#31605A

#316043

Triadic

#316043

#433160

#604331

Split Complementary

#316043

#5A3160

#603136

Tetradic

#316043

#313660

#60314E

#605A31

Color Blindness Simulation

Original

#316043

Protanopia

#45464A

Deuteranopia

#433F4C

Tritanopia

#335051

Achromatopsia

#545454

CSS Usage

background-color: #316043;
color: #316043;
border-color: #316043;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D9
300
#AED6BD
400
#82BF9A
500
#56A976
600
#45875E
700
#376C4B
800
#2B543B
900
#223F2D
950
#16281D

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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