#167A49

#167A49

Color Values

HEX

#167A49

RGB

22, 122, 73

HSL

150.6, 69.4%, 28.2%

HSV

150.6, 82.0%, 47.8%

CMYK

82.0%, 0.0%, 40.2%, 52.2%

OKLCH

0.5127 0.117 155.8

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#167A49

#7A1647

Analogous

#167A17

#16797A

#167A49

Triadic

#167A49

#49167A

#7A4916

Split Complementary

#167A49

#7A1679

#7A1716

Tetradic

#167A49

#17167A

#7A1647

#797A16

Color Blindness Simulation

Original

#167A49

Protanopia

#414255

Deuteranopia

#3C3458

Tritanopia

#1B5E60

Achromatopsia

#616161

CSS Usage

background-color: #167A49;
color: #167A49;
border-color: #167A49;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DC
300
#97ECC3
400
#5FE2A2
500
#27D881
600
#1FAD67
700
#198A53
800
#146C41
900
#124F31
950
#0B321F

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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