#167F43

#167F43

Color Values

HEX

#167F43

RGB

22, 127, 67

HSL

145.7, 70.5%, 29.2%

HSV

145.7, 82.7%, 49.8%

CMYK

82.7%, 0.0%, 47.2%, 50.2%

OKLCH

0.5257 0.1298 152.2

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#167F43

#7F1652

Analogous

#1D7F16

#167F77

#167F43

Triadic

#167F43

#43167F

#7F4316

Split Complementary

#167F43

#77167F

#7F161D

Tetradic

#167F43

#161D7F

#7F1652

#7F7716

Color Blindness Simulation

Original

#167F43

Protanopia

#434452

Deuteranopia

#3D3655

Tritanopia

#1B5D60

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C2F4D8
300
#97EDBC
400
#5EE397
500
#26D973
600
#1EAE5C
700
#188B49
800
#136D39
900
#124F2C
950
#0B321C

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026