#296242

#296242

Color Values

HEX

#296242

RGB

41, 98, 66

HSL

146.3, 41.0%, 27.3%

HSV

146.3, 58.2%, 38.4%

CMYK

58.2%, 0.0%, 32.7%, 61.6%

OKLCH

0.4485 0.0803 156.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#296242

#622949

Analogous

#2D6229

#29625F

#296242

Triadic

#296242

#422962

#624229

Split Complementary

#296242

#5F2962

#62292D

Tetradic

#296242

#292D62

#622949

#625F29

Color Blindness Simulation

Original

#296242

Protanopia

#42424A

Deuteranopia

#3E3A4C

Tritanopia

#2C5051

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DBBF
400
#7AC79C
500
#4BB479
600
#3C9061
700
#30734D
800
#265A3D
900
#1F422E
950
#132A1D

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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