#36595B

#36595B

Color Values

HEX

#36595B

RGB

54, 89, 91

HSL

183.2, 25.5%, 28.4%

HSV

183.2, 40.7%, 35.7%

CMYK

40.7%, 2.2%, 0.0%, 64.3%

OKLCH

0.4383 0.0406 200.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#36595B

#5B3836

Analogous

#365B4A

#36465B

#36595B

Triadic

#36595B

#5B3659

#595B36

Split Complementary

#36595B

#5B3646

#5B4A36

Tetradic

#36595B

#4A365B

#5B3836

#465B36

Color Blindness Simulation

Original

#36595B

Protanopia

#45455B

Deuteranopia

#43405A

Tritanopia

#385A5A

Achromatopsia

#525252

CSS Usage

background-color: #36595B;
color: #36595B;
border-color: #36595B;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E3E4
300
#B2D0D1
400
#89B6B9
500
#5F9DA0
600
#4C7D80
700
#3D6466
800
#2F4E50
900
#253A3C
950
#182526

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail 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