#1E5A4E Color

Color Information

HEX#1E5A4E
RGB30, 90, 78
HSL168° , 50% , 24%
HSV168° , 67% , 35%
CMYK67%, 0%, 13%, 65%

Lighter Shades

#396E63 #548278 #6F958E #8AA9A3 #A5BDB8 #C0D1CD

Darker Shades

#1A4F45 #17443B #133A32 #102F29 #0C241F #081916

Complementary Palette

#1A4D43 #1E5A4E #4F1B25 #5C1F2B #733E49 #3E7167

Analogous Palette

#284831 #2B5036 #1C5549 #1E5A4E #2B4450 #405159

Triadic Palette

#1A4F45 #1E5A4E #531862 #683475 #625318 #564915

Split Complementary Palette

#1B5146 #1E5A4E #5C1F49 #6C355B #5C311F #532C1C

Square Palette

#194C42 #1E5A4E #332556 #56252F #495C1F #667643

Tetradic Palette

#194A40 #1E5A4E #142467 #5C1F2B #675614 #82743E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1E5A4E contains 30 red, 90 green, and 78 blue.

Contrast Ratio: 8.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1