#369B70

#369B70

Color Values

HEX

#369B70

RGB

54, 155, 112

HSL

154.5, 48.3%, 41.0%

HSV

154.5, 65.2%, 60.8%

CMYK

65.2%, 0.0%, 27.7%, 39.2%

OKLCH

0.6194 0.1144 161.6

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#369B70

#9B3661

Analogous

#369B3E

#36939B

#369B70

Triadic

#369B70

#70369B

#9B7036

Split Complementary

#369B70

#9B3693

#9B3E36

Tetradic

#369B70

#3E369B

#9B3661

#939B36

Color Blindness Simulation

Original

#369B70

Protanopia

#62637A

Deuteranopia

#5C547D

Tritanopia

#3B8384

Achromatopsia

#828282

CSS Usage

background-color: #369B70;
color: #369B70;
border-color: #369B70;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CAEDDE
300
#A4DFC6
400
#73CEA7
500
#42BD89
600
#35976D
700
#2A7958
800
#215F44
900
#1B4634
950
#112C21

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026