#375651

#375651

Color Values

HEX

#375651

RGB

55, 86, 81

HSL

170.3, 22.0%, 27.6%

HSV

170.3, 36.0%, 33.7%

CMYK

36.0%, 0.0%, 5.8%, 66.3%

OKLCH

0.4273 0.0376 183.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#375651

#56373C

Analogous

#375641

#374B56

#375651

Triadic

#375651

#513756

#565137

Split Complementary

#375651

#56374B

#564137

Tetradic

#375651

#413756

#56373C

#4B5637

Color Blindness Simulation

Original

#375651

Protanopia

#444552

Deuteranopia

#434052

Tritanopia

#395353

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D3E3E1
300
#B4CFCB
400
#8CB5AF
500
#639C92
600
#507C75
700
#40645E
800
#324E49
900
#273A37
950
#192523

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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