#369762

#369762

Color Values

HEX

#369762

RGB

54, 151, 98

HSL

147.2, 47.3%, 40.2%

HSV

147.2, 64.2%, 59.2%

CMYK

64.2%, 0.0%, 35.1%, 40.8%

OKLCH

0.6056 0.1217 155.8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#369762

#97366B

Analogous

#3B9736

#369792

#369762

Triadic

#369762

#623697

#976236

Split Complementary

#369762

#923697

#97363B

Tetradic

#369762

#363B97

#97366B

#979236

Color Blindness Simulation

Original

#369762

Protanopia

#60616F

Deuteranopia

#5A5372

Tritanopia

#3B797B

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECDA
300
#A5DFBF
400
#74CD9C
500
#43BC7A
600
#369661
700
#2B784E
800
#225E3D
900
#1C452F
950
#122C1D

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.76: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