#369659

#369659

Color Values

HEX

#369659

RGB

54, 150, 89

HSL

141,9, 47,1%, 40,0%

HSV

141,9, 64,0%, 58,8%

CMYK

64,0%, 0,0%, 40,7%, 41,2%

OKLCH

0,601 0,129 152,3

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#369659

#963673

Analogous

#439636

#369689

#369659

Triadic

#369659

#593696

#965936

Split Complementary

#369659

#893696

#963643

Tetradic

#369659

#364396

#963673

#968936

Color Blindness Simulation

Original

#369659

Protanopia

#606068

Deuteranopia

#5A536B

Tritanopia

#3B7376

Achromatopsia

#7D7D7D

CSS Usage

background-color: #369659;
color: #369659;
border-color: #369659;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FAF7
100
#E6F4EB
200
#CAECD7
300
#A5DFBA
400
#74CD95
500
#43BC6F
600
#369659
700
#2B7847
800
#225E38
900
#1C452B
950
#122C1B

Contrast Checker

Text on white

3,71:1

AA Fail AAA Fail

Text on black

5,66:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026