#296446

#296446

Color Values

HEX

#296446

RGB

41, 100, 70

HSL

149.5, 41.8%, 27.6%

HSV

149.5, 59.0%, 39.2%

CMYK

59.0%, 0.0%, 30.0%, 60.8%

OKLCH

0.4551 0.0794 158.7

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#296446

#642947

Analogous

#296429

#296463

#296446

Triadic

#296446

#462964

#644629

Split Complementary

#296446

#632964

#642929

Tetradic

#296446

#292964

#642947

#646329

Color Blindness Simulation

Original

#296446

Protanopia

#43434D

Deuteranopia

#3F3B4F

Tritanopia

#2C5354

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CCEADB
300
#A8DBC1
400
#79C8A0
500
#4AB57F
600
#3B9165
700
#2F7451
800
#255A3F
900
#1E4330
950
#132A1E

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

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