#36825C

#36825C

Color Values

HEX

#36825C

RGB

54, 130, 92

HSL

150.0, 41.3%, 36.1%

HSV

150.0, 58.5%, 51.0%

CMYK

58.5%, 0.0%, 29.2%, 49.0%

OKLCH

0.548 0.0967 158.9

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#36825C

#82365C

Analogous

#368236

#368282

#36825C

Triadic

#36825C

#5C3682

#825C36

Split Complementary

#36825C

#823682

#823636

Tetradic

#36825C

#363682

#82365C

#828236

Color Blindness Simulation

Original

#36825C

Protanopia

#575865

Deuteranopia

#524D67

Tritanopia

#3A6C6E

Achromatopsia

#6F6F6F

CSS Usage

background-color: #36825C;
color: #36825C;
border-color: #36825C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDEADB
300
#A9DBC2
400
#7AC8A1
500
#4BB480
600
#3C9066
700
#307352
800
#255A40
900
#1E4230
950
#132A1F

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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