#375C65

#375C65

Color Values

HEX

#375C65

RGB

55, 92, 101

HSL

191.7, 29.5%, 30.6%

HSV

191.7, 45.5%, 39.6%

CMYK

45.5%, 8.9%, 0.0%, 60.4%

OKLCH

0.4507 0.0447 214.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#375C65

#654037

Analogous

#376557

#374565

#375C65

Triadic

#375C65

#65375C

#5C6537

Split Complementary

#375C65

#653745

#655737

Tetradic

#375C65

#573765

#654037

#456537

Color Blindness Simulation

Original

#375C65

Protanopia

#474763

Deuteranopia

#454262

Tritanopia

#396161

Achromatopsia

#555555

CSS Usage

background-color: #375C65;
color: #375C65;
border-color: #375C65;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#B0CDD4
400
#85B2BC
500
#5A96A5
600
#487884
700
#3A606A
800
#2D4B53
900
#24383D
950
#162427

Contrast Checker

Text on white

7.29:1

AA Pass AAA Pass

Text on black

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