#318629

#318629

Color Values

HEX

#318629

RGB

49, 134, 41

HSL

114.8, 53.1%, 34.3%

HSV

114.8, 69.4%, 52.5%

CMYK

63.4%, 0.0%, 69.4%, 47.5%

OKLCH

0.5486 0.1526 141.9

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#318629

#7E2986

Analogous

#608629

#29864F

#318629

Triadic

#318629

#293186

#862931

Split Complementary

#318629

#4F2986

#862960

Tetradic

#318629

#296086

#7E2986

#864F29

Color Blindness Simulation

Original

#318629

Protanopia

#56573F

Deuteranopia

#514A45

Tritanopia

#355155

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CCEEC8
300
#A7E2A1
400
#77D36F
500
#48C33C
600
#399C30
700
#2E7D26
800
#24621E
900
#1D4819
950
#132D10

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026