#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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026