#317C2F

#317C2F

Color Values

HEX

#317C2F

RGB

49, 124, 47

HSL

118.4, 45.0%, 33.5%

HSV

118.4, 62.1%, 48.6%

CMYK

60.5%, 0.0%, 62.1%, 51.4%

OKLCH

0.5213 0.1346 142.9

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#317C2F

#7A2F7C

Analogous

#577C2F

#2F7C53

#317C2F

Triadic

#317C2F

#2F317C

#7C2F31

Split Complementary

#317C2F

#532F7C

#7C2F57

Tetradic

#317C2F

#2F577C

#7A2F7C

#7C532F

Color Blindness Simulation

Original

#317C2F

Protanopia

#515242

Deuteranopia

#4D4846

Tritanopia

#355054

Achromatopsia

#666666

CSS Usage

background-color: #317C2F;
color: #317C2F;
border-color: #317C2F;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF4
100
#E7F4E6
200
#CCEBCB
300
#A8DDA6
400
#78CB76
500
#49B946
600
#3B9438
700
#2F762D
800
#255C23
900
#1E441D
950
#132B12

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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