#375976

#375976

Color Values

HEX

#375976

RGB

55, 89, 118

HSL

207.6, 36.4%, 33.9%

HSV

207.6, 53.4%, 46.3%

CMYK

53.4%, 24.6%, 0.0%, 53.7%

OKLCH

0.4508 0.0621 245.5

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#375976

#765437

Analogous

#377673

#373976

#375976

Triadic

#375976

#763759

#597637

Split Complementary

#375976

#763739

#767337

Tetradic

#375976

#733776

#765437

#397637

Color Blindness Simulation

Original

#375976

Protanopia

#46466F

Deuteranopia

#44416D

Tritanopia

#396968

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDCE8
300
#ACC4D8
400
#7EA3C3
500
#5183AE
600
#41698B
700
#34546F
800
#294257
900
#213240
950
#151F29

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

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