#375C75

#375C75

Color Values

HEX

#375C75

RGB

55, 92, 117

HSL

204.2, 36.0%, 33.7%

HSV

204.2, 53.0%, 45.9%

CMYK

53.0%, 21.4%, 0.0%, 54.1%

OKLCH

0.4578 0.059 239.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#375C75

#755037

Analogous

#37756F

#373D75

#375C75

Triadic

#375C75

#75375C

#5C7537

Split Complementary

#375C75

#75373D

#756F37

Tetradic

#375C75

#6F3775

#755037

#3D7537

Color Blindness Simulation

Original

#375C75

Protanopia

#47476F

Deuteranopia

#45426D

Tritanopia

#396A69

Achromatopsia

#565656

CSS Usage

background-color: #375C75;
color: #375C75;
border-color: #375C75;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDEE8
300
#ACC6D8
400
#7FA7C3
500
#5288AD
600
#416D8B
700
#34576F
800
#294457
900
#213340
950
#152129

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

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