#3A573C

#3A573C

Color Values

HEX

#3A573C

RGB

58, 87, 60

HSL

124.1, 20.0%, 28.4%

HSV

124.1, 33.3%, 34.1%

CMYK

33.3%, 0.0%, 31.0%, 65.9%

OKLCH

0.4256 0.0562 146.2

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#3A573C

#573A55

Analogous

#46573A

#3A574A

#3A573C

Triadic

#3A573C

#3C3A57

#573C3A

Split Complementary

#3A573C

#4A3A57

#573A46

Tetradic

#3A573C

#3A4657

#573A55

#574A3A

Color Blindness Simulation

Original

#3A573C

Protanopia

#474743

Deuteranopia

#454344

Tritanopia

#3B4849

Achromatopsia

#4F4F4F

CSS Usage

background-color: #3A573C;
color: #3A573C;
border-color: #3A573C;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E2D5
300
#B6CEB7
400
#8EB490
500
#669969
600
#527A54
700
#416244
800
#334D35
900
#283929
950
#19241A

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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