#375A56

#375A56

Color Values

HEX

#375A56

RGB

55, 90, 86

HSL

173.1, 24.1%, 28.4%

HSV

173.1, 38.9%, 35.3%

CMYK

38.9%, 0.0%, 4.4%, 64.7%

OKLCH

0.4396 0.0412 186.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#375A56

#5A373B

Analogous

#375A44

#374C5A

#375A56

Triadic

#375A56

#56375A

#5A5637

Split Complementary

#375A56

#5A374C

#5A4437

Tetradic

#375A56

#44375A

#5A373B

#4C5A37

Color Blindness Simulation

Original

#375A56

Protanopia

#464657

Deuteranopia

#444257

Tritanopia

#395858

Achromatopsia

#525252

CSS Usage

background-color: #375A56;
color: #375A56;
border-color: #375A56;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D3E4E2
300
#B3D1CD
400
#8AB7B2
500
#619E97
600
#4D7F79
700
#3E6561
800
#304F4C
900
#263B39
950
#182524

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026