#2C6A4F

#2C6A4F

Color Values

HEX

#2C6A4F

RGB

44, 106, 79

HSL

153.9, 41.3%, 29.4%

HSV

153.9, 58.5%, 41.6%

CMYK

58.5%, 0.0%, 25.5%, 58.4%

OKLCH

0.4754 0.0783 162.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2C6A4F

#6A2C47

Analogous

#2C6A30

#2C666A

#2C6A4F

Triadic

#2C6A4F

#4F2C6A

#6A4F2C

Split Complementary

#2C6A4F

#6A2C66

#6A302C

Tetradic

#2C6A4F

#302C6A

#6A2C47

#666A2C

Color Blindness Simulation

Original

#2C6A4F

Protanopia

#474756

Deuteranopia

#433F57

Tritanopia

#2F5B5C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDEADD
300
#A9DBC5
400
#7AC8A6
500
#4BB486
600
#3C906B
700
#307356
800
#255A43
900
#1E4233
950
#132A20

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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