#1E3A50 Color

Color Information

HEX#1E3A50
RGB30, 58, 80
HSL206° , 45% , 22%
HSV206° , 63% , 31%
CMYK63%, 28%, 0%, 69%

Lighter Shades

#395265 #54697A #6F818F #8A99A4 #A5B0B9 #C0C8CE

Darker Shades

#1A3346 #172C3D #132533 #101E2A #0C1720 #081016

Complementary Palette

#1A3245 #1E3A50 #462E1B #51351F #69513E #3E5669

Analogous Palette

#273F3E #2A4644 #1C374B #1E3A50 #2A2C46 #3D3E52

Triadic Palette

#1A3346 #1E3A50 #57193C #6B3553 #3C5719 #354D16

Split Complementary Palette

#1B3448 #1E3A50 #511F22 #623538 #514E1F #49461C

Square Palette

#193143 #1E3A50 #49244C #4C3524 #22511F #456D43

Tetradic Palette

#193042 #1E3A50 #33155B #51351F #3D5B15 #60793F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1E3A50 contains 30 red, 58 green, and 80 blue.

Contrast Ratio: 12.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.7:1