#167742

#167742

Color Values

HEX

#167742

RGB

22, 119, 66

HSL

147.2, 68.8%, 27.6%

HSV

147.2, 81.5%, 46.7%

CMYK

81.5%, 0.0%, 44.5%, 53.3%

OKLCH

0.5027 0.1197 153.4

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#167742

#77164B

Analogous

#1A7716

#167772

#167742

Triadic

#167742

#421677

#774216

Split Complementary

#167742

#721677

#77161A

Tetradic

#167742

#161A77

#77164B

#777216

Color Blindness Simulation

Original

#167742

Protanopia

#40414F

Deuteranopia

#3A3352

Tritanopia

#1B595B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D9
300
#98ECBE
400
#60E29B
500
#28D777
600
#20AC5F
700
#198A4C
800
#146C3C
900
#124E2E
950
#0C321D

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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