#318162

#318162

Color Values

HEX

#318162

RGB

49, 129, 98

HSL

156.8, 44.9%, 34.9%

HSV

156.8, 62.0%, 50.6%

CMYK

62.0%, 0.0%, 24.0%, 49.4%

OKLCH

0.5451 0.0925 164.5

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#318162

#813150

Analogous

#31813A

#317881

#318162

Triadic

#318162

#623181

#816231

Split Complementary

#318162

#813178

#813A31

Tetradic

#318162

#3A3181

#813150

#788131

Color Blindness Simulation

Original

#318162

Protanopia

#545469

Deuteranopia

#4F496B

Tritanopia

#356F71

Achromatopsia

#6E6E6E

CSS Usage

background-color: #318162;
color: #318162;
border-color: #318162;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBDF
300
#A6DDC8
400
#76CBAA
500
#46B98C
600
#389470
700
#2D765A
800
#235C46
900
#1D4435
950
#122B21

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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