#299B22

#299B22

Color Values

HEX

#299B22

RGB

41, 155, 34

HSL

116.5, 64.0%, 37.1%

HSV

116.5, 78.1%, 60.8%

CMYK

73.5%, 0.0%, 78.1%, 39.2%

OKLCH

0.6041 0.185 142.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#299B22

#94229B

Analogous

#669B22

#229B58

#299B22

Triadic

#299B22

#22299B

#9B2229

Split Complementary

#299B22

#58229B

#9B2266

Tetradic

#299B22

#22669B

#94229B

#9B5822

Color Blindness Simulation

Original

#299B22

Protanopia

#5A5B3F

Deuteranopia

#544B46

Tritanopia

#2F565B

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C7F2C4
300
#9FE99B
400
#6BDD64
500
#37D12E
600
#2CA725
700
#23861D
800
#1C6917
900
#184C15
950
#0F300D

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass 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