#369666

#369666

Color Values

HEX

#369666

RGB

54, 150, 102

HSL

150.0, 47.1%, 40.0%

HSV

150.0, 64.0%, 58.8%

CMYK

64.0%, 0.0%, 32.0%, 41.2%

OKLCH

0.6038 0.1165 158.0

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#369666

#963666

Analogous

#369636

#369696

#369666

Triadic

#369666

#663696

#966636

Split Complementary

#369666

#963696

#963636

Tetradic

#369666

#363696

#963666

#969636

Color Blindness Simulation

Original

#369666

Protanopia

#606072

Deuteranopia

#5A5374

Tritanopia

#3B7B7D

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CAECDB
300
#A5DFC2
400
#74CDA1
500
#43BC80
600
#369666
700
#2B7852
800
#225E40
900
#1C4530
950
#122C1F

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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