#375D78

#375D78

Color Values

HEX

#375D78

RGB

55, 93, 120

HSL

204.9, 37.1%, 34.3%

HSV

204.9, 54.2%, 47.1%

CMYK

54.2%, 22.5%, 0.0%, 52.9%

OKLCH

0.4618 0.0619 240.8

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#375D78

#785237

Analogous

#377872

#373D78

#375D78

Triadic

#375D78

#78375D

#5D7837

Split Complementary

#375D78

#78373D

#787237

Tetradic

#375D78

#723778

#785237

#3D7837

Color Blindness Simulation

Original

#375D78

Protanopia

#474871

Deuteranopia

#454270

Tritanopia

#396C6B

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDEE9
300
#ABC6D9
400
#7EA7C4
500
#5088AF
600
#406C8C
700
#335770
800
#284457
900
#203341
950
#142029

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

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