#297232

#297232

Color Values

HEX

#297232

RGB

41, 114, 50

HSL

127.4, 47.1%, 30.4%

HSV

127.4, 64.0%, 44.7%

CMYK

64.0%, 0.0%, 56.1%, 55.3%

OKLCH

0.4907 0.1214 145.6

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#297232

#722969

Analogous

#457229

#297257

#297232

Triadic

#297232

#322972

#723229

Split Complementary

#297232

#572972

#722945

Tetradic

#297232

#294572

#722969

#725729

Color Blindness Simulation

Original

#297232

Protanopia

#494941

Deuteranopia

#443F45

Tritanopia

#2D4E50

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CAECCF
300
#A5DFAC
400
#74CD7F
500
#43BC52
600
#369642
700
#2B7835
800
#225E29
900
#1C4521
950
#122C15

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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