#2A784F

#2A784F

Color Values

HEX

#2A784F

RGB

42, 120, 79

HSL

148.5, 48.1%, 31.8%

HSV

148.5, 65.0%, 47.1%

CMYK

65.0%, 0.0%, 34.2%, 52.9%

OKLCH

0.5134 0.1006 156.8

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#2A784F

#782A53

Analogous

#2C782A

#2A7876

#2A784F

Triadic

#2A784F

#4F2A78

#784F2A

Split Complementary

#2A784F

#762A78

#782A2C

Tetradic

#2A784F

#2A2C78

#782A53

#78762A

Color Blindness Simulation

Original

#2A784F

Protanopia

#4C4C59

Deuteranopia

#47415B

Tritanopia

#2E6162

Achromatopsia

#646464

CSS Usage

background-color: #2A784F;
color: #2A784F;
border-color: #2A784F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CAECDA
300
#A4DFC0
400
#73CE9E
500
#42BD7C
600
#359764
700
#2A7950
800
#215E3E
900
#1B452F
950
#112C1E

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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