#297828

#297828

Color Values

HEX

#297828

RGB

41, 120, 40

HSL

119,2, 50,0%, 31,4%

HSV

119,2, 66,7%, 47,1%

CMYK

65,8%, 0,0%, 66,7%, 52,9%

OKLCH

0,5064 0,1386 143,0

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#297828

#772878

Analogous

#517828

#28784F

#297828

Triadic

#297828

#282978

#782829

Split Complementary

#297828

#4F2878

#782851

Tetradic

#297828

#285178

#772878

#784F28

Color Blindness Simulation

Original

#297828

Protanopia

#4B4C3B

Deuteranopia

#474140

Tritanopia

#2D4B4E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDC9
300
#A4E0A3
400
#73D071
500
#41BF40
600
#349933
700
#2A7A29
800
#216020
900
#1B461B
950
#112C11

Contrast Checker

Text on white

5,51:1

AA Pass AAA Fail

Text on black

3,81: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