#317733

#317733

Color Values

HEX

#317733

RGB

49, 119, 51

HSL

121.7, 41.7%, 32.9%

HSV

121.7, 58.8%, 46.7%

CMYK

58.8%, 0.0%, 57.1%, 53.3%

OKLCH

0.5079 0.1239 144.0

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#317733

#773175

Analogous

#527731

#317756

#317733

Triadic

#317733

#333177

#773331

Split Complementary

#317733

#563177

#773152

Tetradic

#317733

#315277

#773175

#775631

Color Blindness Simulation

Original

#317733

Protanopia

#4F5043

Deuteranopia

#4B4647

Tritanopia

#345053

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CCEACD
300
#A8DBAA
400
#79C87C
500
#4AB54D
600
#3B913E
700
#307432
800
#255A27
900
#1E431F
950
#132A14

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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