#375469

#375469

Color Values

HEX

#375469

RGB

55, 84, 105

HSL

205.2, 31.2%, 31.4%

HSV

205.2, 47.6%, 41.2%

CMYK

47.6%, 20.0%, 0.0%, 58.8%

OKLCH

0.432 0.0492 240.8

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#375469

#694C37

Analogous

#376965

#373B69

#375469

Triadic

#375469

#693754

#546937

Split Complementary

#375469

#69373B

#696537

Tetradic

#375469

#653769

#694C37

#3B6937

Color Blindness Simulation

Original

#375469

Protanopia

#444464

Deuteranopia

#424063

Tritanopia

#38605F

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE6
300
#AFC5D5
400
#83A5BE
500
#5886A7
600
#466B86
700
#38566B
800
#2C4354
900
#23333E
950
#162027

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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