#1E4F82 Color

Color Information

HEX#1E4F82
RGB30, 79, 130
HSL211° , 63% , 31%
HSV211° , 77% , 51%
CMYK77%, 39%, 0%, 49%

Lighter Shades

#396491 #5479A0 #6F8EAF #8AA3BE #A5B9CD #C0CEDC

Darker Shades

#1A4672 #173C63 #133353 #102944 #0C2034 #081624

Complementary Palette

#1A4470 #1E4F82 #6F4619 #81511D #93693D #3E6894

Analogous Palette

#2A696A #2D7071 #1C4A7A #1E4F82 #2E2D71 #424176

Triadic Palette

#1A4672 #1E4F82 #89154D #973162 #4D8915 #447912

Split Complementary Palette

#1B4775 #1E4F82 #811F1D #8E3534 #7F811D #72741A

Square Palette

#19426D #1E4F82 #792578 #795025 #1D811F #419543

Tetradic Palette

#19416B #1E4F82 #510F8F #81511D #4D8F0F #6DA33A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1E4F82 contains 30 red, 79 green, and 130 blue.

Contrast Ratio: 8.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.45:1