#197B16

#197B16

Color Values

HEX

#197B16

RGB

25, 123, 22

HSL

118.2, 69.7%, 28.4%

HSV

118.2, 82.1%, 48.2%

CMYK

79.7%, 0.0%, 82.1%, 51.8%

OKLCH

0.5093 0.1595 142.5

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#197B16

#78167B

Analogous

#4B7B16

#167B45

#197B16

Triadic

#197B16

#16197B

#7B1619

Split Complementary

#197B16

#45167B

#7B164B

Tetradic

#197B16

#164B7B

#78167B

#7B4516

Color Blindness Simulation

Original

#197B16

Protanopia

#43442E

Deuteranopia

#3E3634

Tritanopia

#1E4246

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C4F4C2
300
#9AEC97
400
#63E25F
500
#2CD827
600
#23AD1F
700
#1C8A19
800
#166C13
900
#144F12
950
#0D320B

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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