#373C78

#373C78

Color Values

HEX

#373C78

RGB

55, 60, 120

HSL

235.4, 37.1%, 34.3%

HSV

235.4, 54.2%, 47.1%

CMYK

54.2%, 50.0%, 0.0%, 52.9%

OKLCH

0.3843 0.1007 277.0

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#373C78

#787337

Analogous

#375C78

#523778

#373C78

Triadic

#373C78

#78373C

#3C7837

Split Complementary

#373C78

#785237

#5C7837

Tetradic

#373C78

#78375C

#787337

#377852

Color Blindness Simulation

Original

#373C78

Protanopia

#393969

Deuteranopia

#393866

Tritanopia

#375E5C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #373C78;
color: #373C78;
border-color: #373C78;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E9
300
#ABAFD9
400
#7E83C4
500
#5057AF
600
#40468C
700
#333870
800
#282C57
900
#202341
950
#141629

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026