#1E4C96 Color

Color Information

HEX	#1E4C96
RGB	30, 76, 150
HSL	217° , 67% , 35%
HSV	217° , 80% , 59%
CMYK	80%, 49%, 0%, 41%

Lighter Shades

#3961A3 #5477AF #6F8CBC #8AA2C8 #A5B7D5 #C0CDE2

Darker Shades

#1A4384 #173A72 #133160 #10284E #0C1E3C #08152A

Complementary Palette

#1A4181 #1E4C96 #805919 #95671D #A47C3D #3E65A5

Analogous Palette

#2B6F78 #2F7983 #1C478D #1E4C96 #392F83 #4B4389

Triadic Palette

#1A4384 #1E4C96 #9E1549 #AA315F #499E15 #408B12

Split Complementary Palette

#1B4487 #1E4C96 #952B1D #A04034 #87951D #7A861A

Square Palette

#19407E #1E4C96 #8C2680 #8C6526 #1D952B #41A64D

Tetradic Palette

#193E7B #1E4C96 #6B0DA5 #95671D #48A50D #69B539

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1E4C96 contains 30 red, 76 green, and 150 blue.

Contrast Ratio: 8.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.49:1