#167407

#167407

Color Values

HEX

#167407

RGB

22, 116, 7

HSL

111.7, 88.6%, 24.1%

HSV

111.7, 94.0%, 45.5%

CMYK

81.0%, 0.0%, 94.0%, 54.5%

OKLCH

0.4875 0.1584 141.6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#167407

#650774

Analogous

#4D7407

#07742E

#167407

Triadic

#167407

#071674

#740716

Split Complementary

#167407

#2E0774

#74074D

Tetradic

#167407

#074D74

#650774

#742E07

Color Blindness Simulation

Original

#167407

Protanopia

#3F4021

Deuteranopia

#393228

Tritanopia

#1B363B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E3FBE0
200
#C4FBBC
300
#9BF88C
400
#64F44D
500
#2EF00F
600
#25C00C
700
#1D9A09
800
#177807
900
#15570A
950
#0D3706

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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