#37384F

#37384F

Color Values

HEX

#37384F

RGB

55, 56, 79

HSL

237.5, 17.9%, 26.3%

HSV

237.5, 30.4%, 31.0%

CMYK

30.4%, 29.1%, 0.0%, 69.0%

OKLCH

0.3499 0.0399 282.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#37384F

#4F4E37

Analogous

#37444F

#42374F

#37384F

Triadic

#37384F

#4F3738

#384F37

Split Complementary

#37384F

#4F4237

#444F37

Tetradic

#37384F

#4F3744

#4F4E37

#374F42

Color Blindness Simulation

Original

#37384F

Protanopia

#373749

Deuteranopia

#373748

Tritanopia

#374544

Achromatopsia

#393939

CSS Usage

background-color: #37384F;
color: #37384F;
border-color: #37384F;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D5D5E2
300
#B7B8CD
400
#9091B2
500
#696B96
600
#545578
700
#434460
800
#34354B
900
#292938
950
#1A1A24

Contrast Checker

Text on white

11.41:1

AA Pass AAA Pass

Text on black

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