#316128

#316128

Color Values

HEX

#316128

RGB

49, 97, 40

HSL

110.5, 41.6%, 26.9%

HSV

110.5, 58.8%, 38.0%

CMYK

49.5%, 0.0%, 58.8%, 62.0%

OKLCH

0.4442 0.1018 140.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#316128

#582861

Analogous

#4E6128

#28613C

#316128

Triadic

#316128

#283161

#612831

Split Complementary

#316128

#3C2861

#61284E

Tetradic

#316128

#284E61

#582861

#613C28

Color Blindness Simulation

Original

#316128

Protanopia

#464636

Deuteranopia

#433F39

Tritanopia

#334143

Achromatopsia

#535353

CSS Usage

background-color: #316128;
color: #316128;
border-color: #316128;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6FAF5
100
#E9F3E7
200
#D1EACC
300
#B0DBA8
400
#86C879
500
#5BB54A
600
#49903C
700
#3A7430
800
#2E5A25
900
#24431E
950
#172A13

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026