#297446

#297446

Color Values

HEX

#297446

RGB

41, 116, 70

HSL

143.2, 47.8%, 30.8%

HSV

143.2, 64.7%, 45.5%

CMYK

64.7%, 0.0%, 39.7%, 54.5%

OKLCH

0.5 0.1042 153.2

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#297446

#742957

Analogous

#327429

#29746C

#297446

Triadic

#297446

#462974

#744629

Split Complementary

#297446

#6C2974

#742932

Tetradic

#297446

#293274

#742957

#746C29

Color Blindness Simulation

Original

#297446

Protanopia

#494A51

Deuteranopia

#454054

Tritanopia

#2D5A5C

Achromatopsia

#616161

CSS Usage

background-color: #297446;
color: #297446;
border-color: #297446;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD7
300
#A5DFBB
400
#74CE96
500
#43BC72
600
#35975B
700
#2B7949
800
#215E39
900
#1C452C
950
#112C1C

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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