#106F22

#106F22

Color Values

HEX

#106F22

RGB

16, 111, 34

HSL

131.4, 74.8%, 24.9%

HSV

131.4, 85.6%, 43.5%

CMYK

85.6%, 0.0%, 69.4%, 56.5%

OKLCH

0.4736 0.1399 145.3

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#106F22

#6F105D

Analogous

#2D6F10

#106F52

#106F22

Triadic

#106F22

#22106F

#6F2210

Split Complementary

#106F22

#52106F

#6F102D

Tetradic

#106F22

#102D6F

#6F105D

#6F5210

Color Blindness Simulation

Original

#106F22

Protanopia

#393A35

Deuteranopia

#342C39

Tritanopia

#154347

Achromatopsia

#555555

CSS Usage

background-color: #106F22;
color: #106F22;
border-color: #106F22;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F2FCF4
100
#E2F8E6
200
#C1F6CB
300
#94F0A5
400
#5AE775
500
#20DF44
600
#1AB237
700
#158F2C
800
#106F22
900
#10511C
950
#0A3312

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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