#374863

#374863

Color Values

HEX

#374863

RGB

55, 72, 99

HSL

216.8, 28.6%, 30.2%

HSV

216.8, 44.4%, 38.8%

CMYK

44.4%, 27.3%, 0.0%, 61.2%

OKLCH

0.3991 0.0508 259.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#374863

#635237

Analogous

#375E63

#3C3763

#374863

Triadic

#374863

#633748

#486337

Split Complementary

#374863

#633C37

#5E6337

Tetradic

#374863

#63375E

#635237

#37633C

Color Blindness Simulation

Original

#374863

Protanopia

#3E3F5C

Deuteranopia

#3D3C5B

Tritanopia

#385756

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF1
200
#D1D9E6
300
#B0BED3
400
#869BBC
500
#5B77A4
600
#495F83
700
#3A4C69
800
#2E3C52
900
#242E3D
950
#171D26

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026