#374D95

#374D95

Color Values

HEX

#374D95

RGB

55, 77, 149

HSL

226.0, 46.1%, 40.0%

HSV

226.0, 63.1%, 58.4%

CMYK

63.1%, 48.3%, 0.0%, 41.6%

OKLCH

0.4415 0.1208 268.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#374D95

#957F37

Analogous

#377C95

#503795

#374D95

Triadic

#374D95

#95374D

#4D9537

Split Complementary

#374D95

#955037

#7C9537

Tetradic

#374D95

#95377C

#957F37

#379550

Color Blindness Simulation

Original

#374D95

Protanopia

#414184

Deuteranopia

#3F3E7F

Tritanopia

#387673

Achromatopsia

#4E4E4E

CSS Usage

background-color: #374D95;
color: #374D95;
border-color: #374D95;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CBD3EC
300
#A6B3DE
400
#7589CC
500
#4560BA
600
#374D95
700
#2C3E77
800
#22305D
900
#1C2645
950
#12182B

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026