#375459

#375459

Color Values

HEX

#375459

RGB

55, 84, 89

HSL

188.8, 23.6%, 28.2%

HSV

188.8, 38.2%, 34.9%

CMYK

38.2%, 5.6%, 0.0%, 65.1%

OKLCH

0.425 0.0354 209.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#375459

#593C37

Analogous

#37594D

#374359

#375459

Triadic

#375459

#593754

#545937

Split Complementary

#375459

#593743

#594D37

Tetradic

#375459

#4D3759

#593C37

#435937

Color Blindness Simulation

Original

#375459

Protanopia

#444458

Deuteranopia

#424058

Tritanopia

#385757

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E1E4
300
#B3CCD0
400
#8AB0B7
500
#61959E
600
#4E777E
700
#3E5F65
800
#314A4F
900
#26383B
950
#182325

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026