#197222

#197222

Color Values

HEX

#197222

RGB

25, 114, 34

HSL

126.1, 64.0%, 27.3%

HSV

126.1, 78.1%, 44.7%

CMYK

78.1%, 0.0%, 70.2%, 55.3%

OKLCH

0.4841 0.1413 144.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#197222

#721969

Analogous

#3D7219

#19724F

#197222

Triadic

#197222

#221972

#722219

Split Complementary

#197222

#4F1972

#72193D

Tetradic

#197222

#193D72

#721969

#724F19

Color Blindness Simulation

Original

#197222

Protanopia

#404035

Deuteranopia

#3A343A

Tritanopia

#1D4548

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C4F2C9
300
#9BE9A3
400
#64DD71
500
#2ED13E
600
#25A732
700
#1D8628
800
#17691F
900
#154C1A
950
#0D3011

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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