#369865

#369865

Color Values

HEX

#369865

RGB

54, 152, 101

HSL

148.8, 47.6%, 40.4%

HSV

148.8, 64.5%, 59.6%

CMYK

64.5%, 0.0%, 33.6%, 40.4%

OKLCH

0.6089 0.1203 156.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#369865

#983669

Analogous

#389836

#369896

#369865

Triadic

#369865

#653698

#986536

Split Complementary

#369865

#963698

#983638

Tetradic

#369865

#363898

#983669

#989636

Color Blindness Simulation

Original

#369865

Protanopia

#606171

Deuteranopia

#5B5374

Tritanopia

#3B7B7D

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CAECDB
300
#A5DFC1
400
#74CE9F
500
#43BC7D
600
#359764
700
#2B7850
800
#215E3F
900
#1C4530
950
#112C1E

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026