#296950

#296950

Color Values

HEX

#296950

RGB

41, 105, 80

HSL

156.6, 43.8%, 28.6%

HSV

156.6, 61.0%, 41.2%

CMYK

61.0%, 0.0%, 23.8%, 58.8%

OKLCH

0.4718 0.0777 164.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#296950

#692942

Analogous

#296930

#296269

#296950

Triadic

#296950

#502969

#695029

Split Complementary

#296950

#692962

#693029

Tetradic

#296950

#302969

#692942

#626929

Color Blindness Simulation

Original

#296950

Protanopia

#454556

Deuteranopia

#413C58

Tritanopia

#2C5B5C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBDF
300
#A7DDC8
400
#77CAAA
500
#48B78C
600
#399370
700
#2E7559
800
#245C46
900
#1D4435
950
#132B21

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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