#316648

#316648

Color Values

HEX

#316648

RGB

49, 102, 72

HSL

146.0, 35.1%, 29.6%

HSV

146.0, 52.0%, 40.0%

CMYK

52.0%, 0.0%, 29.4%, 60.0%

OKLCH

0.4647 0.0756 156.9

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#316648

#66314F

Analogous

#356631

#316662

#316648

Triadic

#316648

#483166

#664831

Split Complementary

#316648

#623166

#663135

Tetradic

#316648

#313566

#66314F

#666231

Color Blindness Simulation

Original

#316648

Protanopia

#48484F

Deuteranopia

#454151

Tritanopia

#345556

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE8DA
300
#ACD7BF
400
#80C29C
500
#53AC7A
600
#428A61
700
#356E4E
800
#29563D
900
#21402E
950
#15281D

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026