#318722

#318722

Color Values

HEX

#318722

RGB

49, 135, 34

HSL

111.1, 59.8%, 33.1%

HSV

111.1, 74.8%, 52.9%

CMYK

63.7%, 0.0%, 74.8%, 47.1%

OKLCH

0.5507 0.1586 141.0

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#318722

#782287

Analogous

#638722

#228745

#318722

Triadic

#318722

#223187

#872231

Split Complementary

#318722

#452287

#872263

Tetradic

#318722

#226387

#782287

#874522

Color Blindness Simulation

Original

#318722

Protanopia

#56573A

Deuteranopia

#514B40

Tritanopia

#354E52

Achromatopsia

#6D6D6D

CSS Usage

background-color: #318722;
color: #318722;
border-color: #318722;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F5FBF3
100
#E7F6E4
200
#CCF1C6
300
#A8E69D
400
#79D968
500
#4ACC33
600
#3BA329
700
#2F8221
800
#25661A
900
#1E4B16
950
#132F0E

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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