#296F53

#296F53

Color Values

HEX

#296F53

RGB

41, 111, 83

HSL

156.0, 46.1%, 29.8%

HSV

156.0, 63.1%, 43.5%

CMYK

63.1%, 0.0%, 25.2%, 56.5%

OKLCH

0.4892 0.0839 163.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#296F53

#6F2945

Analogous

#296F30

#29686F

#296F53

Triadic

#296F53

#53296F

#6F5329

Split Complementary

#296F53

#6F2968

#6F3029

Tetradic

#296F53

#30296F

#6F2945

#686F29

Color Blindness Simulation

Original

#296F53

Protanopia

#47485A

Deuteranopia

#433E5B

Tritanopia

#2C5F60

Achromatopsia

#5E5E5E

CSS Usage

background-color: #296F53;
color: #296F53;
border-color: #296F53;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECDF
300
#A6DEC7
400
#75CCA9
500
#45BA8B
600
#37956F
700
#2C7759
800
#225D46
900
#1C4534
950
#122B21

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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