#297469

#297469

Color Values

HEX

#297469

RGB

41, 116, 105

HSL

171.2, 47.8%, 30.8%

HSV

171.2, 64.7%, 45.5%

CMYK

64.7%, 0.0%, 9.5%, 54.5%

OKLCH

0.5096 0.0753 181.8

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#297469

#742934

Analogous

#297444

#295A74

#297469

Triadic

#297469

#692974

#746929

Split Complementary

#297469

#74295A

#744429

Tetradic

#297469

#442974

#742934

#5A7429

Color Blindness Simulation

Original

#297469

Protanopia

#494A6C

Deuteranopia

#45406C

Tritanopia

#2D6E6E

Achromatopsia

#636363

CSS Usage

background-color: #297469;
color: #297469;
border-color: #297469;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F2
200
#CAECE7
300
#A5DFD6
400
#74CEC1
500
#43BCAB
600
#359788
700
#2B796D
800
#215E55
900
#1C453F
950
#112C28

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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