#36835F

#36835F

Color Values

HEX

#36835F

RGB

54, 131, 95

HSL

151.9, 41.6%, 36.3%

HSV

151.9, 58.8%, 51.4%

CMYK

58.8%, 0.0%, 27.5%, 48.6%

OKLCH

0.5515 0.0954 160.5

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#36835F

#83365A

Analogous

#368338

#368183

#36835F

Triadic

#36835F

#5F3683

#835F36

Split Complementary

#36835F

#833681

#833836

Tetradic

#36835F

#383683

#83365A

#818336

Color Blindness Simulation

Original

#36835F

Protanopia

#575868

Deuteranopia

#534D6A

Tritanopia

#3A6F70

Achromatopsia

#707070

CSS Usage

background-color: #36835F;
color: #36835F;
border-color: #36835F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CCEADC
300
#A8DBC3
400
#79C8A3
500
#4AB583
600
#3C9069
700
#307454
800
#255A41
900
#1E4332
950
#132A1F

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

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