#297F79

#297F79

Color Values

HEX

#297F79

RGB

41, 127, 121

HSL

175.8, 51.2%, 32.9%

HSV

175.8, 67.7%, 49.8%

CMYK

67.7%, 0.0%, 4.7%, 50.2%

OKLCH

0.5444 0.0808 188.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#297F79

#7F292F

Analogous

#297F4E

#295A7F

#297F79

Triadic

#297F79

#79297F

#7F7929

Split Complementary

#297F79

#7F295A

#7F4E29

Tetradic

#297F79

#4E297F

#7F292F

#5A7F29

Color Blindness Simulation

Original

#297F79

Protanopia

#4E4F7A

Deuteranopia

#49437B

Tritanopia

#2D7C7C

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEB
300
#A2E1DD
400
#70D1CA
500
#3EC1B8
600
#329A93
700
#287B76
800
#1F605C
900
#1A4744
950
#102D2B

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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