#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026