#37525B

#37525B

Color Values

HEX

#37525B

RGB

55, 82, 91

HSL

195.0, 24.7%, 28.6%

HSV

195.0, 39.6%, 35.7%

CMYK

39.6%, 9.9%, 0.0%, 64.3%

OKLCH

0.4207 0.0357 220.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#37525B

#5B4037

Analogous

#375B52

#37405B

#37525B

Triadic

#37525B

#5B3752

#525B37

Split Complementary

#37525B

#5B3740

#5B5237

Tetradic

#37525B

#52375B

#5B4037

#405B37

Color Blindness Simulation

Original

#37525B

Protanopia

#434359

Deuteranopia

#413F58

Tritanopia

#385757

Achromatopsia

#4D4D4D

CSS Usage

background-color: #37525B;
color: #37525B;
border-color: #37525B;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2E0E4
300
#B3C9D1
400
#89ACB8
500
#608F9F
600
#4D737F
700
#3D5C66
800
#30484F
900
#26363B
950
#182225

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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