#358469

#358469

Color Values

HEX

#358469

RGB

53, 132, 105

HSL

159.5, 42.7%, 36.3%

HSV

159.5, 59.8%, 51.8%

CMYK

59.8%, 0.0%, 20.5%, 48.2%

OKLCH

0.5565 0.0888 167.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#358469

#843550

Analogous

#358442

#357884

#358469

Triadic

#358469

#693584

#846935

Split Complementary

#358469

#843578

#844235

Tetradic

#358469

#423584

#843550

#788435

Color Blindness Simulation

Original

#358469

Protanopia

#575870

Deuteranopia

#534D71

Tritanopia

#397576

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBE0
300
#A8DCCA
400
#78C9AD
500
#49B691
600
#3A9274
700
#2F745D
800
#255B48
900
#1E4336
950
#132A22

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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