#358765

#358765

Color Values

HEX

#358765

RGB

53, 135, 101

HSL

155.1, 43.6%, 36.9%

HSV

155.1, 60.7%, 52.9%

CMYK

60.7%, 0.0%, 25.2%, 47.1%

OKLCH

0.5633 0.0964 163.0

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#358765

#873557

Analogous

#35873C

#358087

#358765

Triadic

#358765

#653587

#876535

Split Complementary

#358765

#873580

#873C35

Tetradic

#358765

#3C3587

#873557

#808735

Color Blindness Simulation

Original

#358765

Protanopia

#59596D

Deuteranopia

#544E6F

Tritanopia

#397475

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDE
300
#A7DCC6
400
#78CAA8
500
#48B789
600
#3A926E
700
#2E7558
800
#245C44
900
#1D4334
950
#132B21

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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