#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