#36CB8C

#36CB8C

Color Values

HEX

#36CB8C

RGB

54, 203, 140

HSL

154.6, 58.9%, 50.4%

HSV

154.6, 73.4%, 79.6%

CMYK

73.4%, 0.0%, 31.0%, 20.4%

OKLCH

0.7501 0.1537 160.2

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#36CB8C

#CB3675

Analogous

#36CB41

#36C0CB

#36CB8C

Triadic

#36CB8C

#8C36CB

#CB8C36

Split Complementary

#36CB8C

#CB36C0

#CB4136

Tetradic

#36CB8C

#4136CB

#CB3675

#C0CB36

Color Blindness Simulation

Original

#36CB8C

Protanopia

#77789B

Deuteranopia

#6E639F

Tritanopia

#3DA7AA

Achromatopsia

#A7A7A7

CSS Usage

background-color: #36CB8C;
color: #36CB8C;
border-color: #36CB8C;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C6F0DF
300
#9EE6C7
400
#69D8A9
500
#34CB8B
600
#2AA26F
700
#228259
800
#1A6546
900
#174A34
950
#0E2F21

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026