#375B5C

#375B5C

Color Values

HEX

#375B5C

RGB

55, 91, 92

HSL

181.6, 25.2%, 28.8%

HSV

181.6, 40.2%, 36.1%

CMYK

40.2%, 1.1%, 0.0%, 63.9%

OKLCH

0.4445 0.0414 198.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#375B5C

#5C3837

Analogous

#375C4A

#37485C

#375B5C

Triadic

#375B5C

#5C375B

#5B5C37

Split Complementary

#375B5C

#5C3748

#5C4A37

Tetradic

#375B5C

#4A375C

#5C3837

#485C37

Color Blindness Simulation

Original

#375B5C

Protanopia

#47475C

Deuteranopia

#44425C

Tritanopia

#395C5C

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E4E4
300
#B2D0D1
400
#89B7B8
500
#5F9EA0
600
#4C7E80
700
#3D6566
800
#304F50
900
#253B3B
950
#182526

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026