#368D52

#368D52

Color Values

HEX

#368D52

RGB

54, 141, 82

HSL

139,3, 44,6%, 38,2%

HSV

139,3, 61,7%, 55,3%

CMYK

61,7%, 0,0%, 41,8%, 44,7%

OKLCH

0,5755 0,1229 151,1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#368D52

#8D3671

Analogous

#458D36

#368D7D

#368D52

Triadic

#368D52

#52368D

#8D5236

Split Complementary

#368D52

#7D368D

#8D3645

Tetradic

#368D52

#36458D

#8D3671

#8D7D36

Color Blindness Simulation

Original

#368D52

Protanopia

#5C5C60

Deuteranopia

#575064

Tritanopia

#3A6C6E

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4EB
200
#CBEBD6
300
#A7DDB8
400
#77CB92
500
#47B86B
600
#399356
700
#2D7645
800
#235C36
900
#1D442A
950
#122B1A

Contrast Checker

Text on white

4,13:1

AA Fail AAA Fail

Text on black

5,09:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026