#369C62

#369C62

Color Values

HEX

#369C62

RGB

54, 156, 98

HSL

145.9, 48.6%, 41.2%

HSV

145.9, 65.4%, 61.2%

CMYK

65.4%, 0.0%, 37.2%, 38.8%

OKLCH

0.6189 0.1288 154.7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#369C62

#9C3670

Analogous

#3D9C36

#369C95

#369C62

Triadic

#369C62

#62369C

#9C6236

Split Complementary

#369C62

#95369C

#9C363D

Tetradic

#369C62

#363D9C

#9C3670

#9C9536

Color Blindness Simulation

Original

#369C62

Protanopia

#626370

Deuteranopia

#5C5573

Tritanopia

#3B7B7E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E6F5EC
200
#CAEDD9
300
#A4E0BE
400
#73CF9A
500
#42BD77
600
#34985F
700
#2A794C
800
#215F3C
900
#1B462E
950
#112C1D

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.09:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026