#167B20

#167B20

Color Values

HEX

#167B20

RGB

22, 123, 32

HSL

125.9, 69.7%, 28.4%

HSV

125.9, 82.1%, 48.2%

CMYK

82.1%, 0.0%, 74.0%, 51.8%

OKLCH

0.5095 0.1545 144.0

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#167B20

#7B1671

Analogous

#3E7B16

#167B52

#167B20

Triadic

#167B20

#20167B

#7B2016

Split Complementary

#167B20

#52167B

#7B163E

Tetradic

#167B20

#163E7B

#7B1671

#7B5216

Color Blindness Simulation

Original

#167B20

Protanopia

#424336

Deuteranopia

#3C343B

Tritanopia

#1B474B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F8E5
200
#C2F4C7
300
#97ECA0
400
#5FE26C
500
#27D838
600
#1FAD2D
700
#198A24
800
#136C1C
900
#124F18
950
#0B320F

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

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