#375C68

#375C68

Color Values

HEX

#375C68

RGB

55, 92, 104

HSL

194.7, 30.8%, 31.2%

HSV

194.7, 47.1%, 40.8%

CMYK

47.1%, 11.5%, 0.0%, 59.2%

OKLCH

0.4519 0.0466 220.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#375C68

#684337

Analogous

#37685C

#374468

#375C68

Triadic

#375C68

#68375C

#5C6837

Split Complementary

#375C68

#683744

#685C37

Tetradic

#375C68

#5C3768

#684337

#446837

Color Blindness Simulation

Original

#375C68

Protanopia

#474765

Deuteranopia

#454264

Tritanopia

#396362

Achromatopsia

#555555

CSS Usage

background-color: #375C68;
color: #375C68;
border-color: #375C68;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8F9
100
#E8F0F2
200
#D0E1E6
300
#AFCBD5
400
#84AFBE
500
#5894A7
600
#477685
700
#385E6B
800
#2C4A53
900
#23373E
950
#162327

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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