#385458

#385458

Color Values

HEX

#385458

RGB

56, 84, 88

HSL

187.5, 22.2%, 28.2%

HSV

187.5, 36.4%, 34.5%

CMYK

36.4%, 4.5%, 0.0%, 65.5%

OKLCH

0.4253 0.0341 207.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#385458

#583C38

Analogous

#38584C

#384458

#385458

Triadic

#385458

#583854

#545838

Split Complementary

#385458

#583844

#584C38

Tetradic

#385458

#4C3858

#583C38

#445838

Color Blindness Simulation

Original

#385458

Protanopia

#444457

Deuteranopia

#424057

Tritanopia

#395656

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E1E3
300
#B4CCCF
400
#8CB0B6
500
#63959C
600
#4F777D
700
#3F5F64
800
#324A4E
900
#27383A
950
#182325

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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