#168312

#168312

Color Values

HEX

#168312

RGB

22, 131, 18

HSL

117.9, 75.8%, 29.2%

HSV

117.9, 86.3%, 51.4%

CMYK

83.2%, 0.0%, 86.3%, 48.6%

OKLCH

0.5317 0.171 142.4

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#168312

#7F1283

Analogous

#4E8312

#128347

#168312

Triadic

#168312

#121683

#831216

Split Complementary

#168312

#471283

#83124E

Tetradic

#168312

#124E83

#7F1283

#834712

Color Blindness Simulation

Original

#168312

Protanopia

#45462D

Deuteranopia

#3F3734

Tritanopia

#1B4348

Achromatopsia

#646464

CSS Usage

background-color: #168312;
color: #168312;
border-color: #168312;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF2
100
#E2F9E2
200
#C2F6C0
300
#97F093
400
#5EE859
500
#26E01F
600
#1EB319
700
#188F14
800
#13700F
900
#12520F
950
#0B330A

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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