#374F86 Color

Color Information

HEX	#374F86
RGB	55, 79, 134
HSL	222° , 42% , 37%
HSV	222° , 59% , 53%
CMYK	59%, 41%, 0%, 47%

Lighter Shades

#4F6495 #6779A3 #7F8EB2 #97A3C0 #AFB9CF #C7CEDD

Darker Shades

#304676 #2A3C66 #233356 #1D2946 #162036 #0F1626

Complementary Palette

#2F4473 #374F86 #735F2F #866E37 #978253 #536897

Analogous Palette

#446269 #4A6B73 #344A7E #374F86 #524A73 #615B7B

Triadic Palette

#304676 #374F86 #8F2D49 #9C465F #498F2D #407E28

Split Complementary Palette

#324779 #374F86 #864737 #92594B #768637 #6A7932

Square Palette

#2E4271 #374F86 #7D4070 #7D6A40 #378647 #579964

Tetradic Palette

#2D416E #374F86 #752697 #866E37 #469726 #67AA4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #374F86 contains 55 red, 79 green, and 134 blue.

Contrast Ratio: 8.13:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.58:1