#358361

#358361

Color Values

HEX

#358361

RGB

53, 131, 97

HSL

153.8, 42.4%, 36.1%

HSV

153.8, 59.5%, 51.4%

CMYK

59.5%, 0.0%, 26.0%, 48.6%

OKLCH

0.5516 0.0941 162.1

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#358361

#833557

Analogous

#35833A

#357E83

#358361

Triadic

#358361

#613583

#836135

Split Complementary

#358361

#83357E

#833A35

Tetradic

#358361

#3A3583

#833557

#7E8335

Color Blindness Simulation

Original

#358361

Protanopia

#575769

Deuteranopia

#524C6B

Tritanopia

#397071

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEADD
300
#A8DCC5
400
#79C9A6
500
#49B686
600
#3B916B
700
#2F7456
800
#255B43
900
#1E4333
950
#132A20

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass 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