#2E5083 Color

Color Information

HEX#2E5083
RGB46, 80, 131
HSL216° , 48% , 35%
HSV216° , 65% , 51%
CMYK65%, 39%, 0%, 49%

Lighter Shades

#476592 #607AA1 #798FB0 #92A4BF #ABB9CD #C4CEDC

Darker Shades

#284673 #233D64 #1D3354 #182A44 #122034 #0D1625

Complementary Palette

#284571 #2E5083 #725428 #84622E #95784B #4B6994

Analogous Palette

#3B6568 #406D72 #2B4B7B #2E5083 #454072 #565379

Triadic Palette

#284673 #2E5083 #8D254F #9B3F64 #4F8D25 #467C21

Split Complementary Palette

#294876 #2E5083 #84372E #904B43 #7C842E #707729

Square Palette

#27436E #2E5083 #7B3774 #7B6037 #2E8437 #4F9857

Tetradic Palette

#26426B #2E5083 #651E94 #84622E #4D941E #6DA747

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5083 contains 46 red, 80 green, and 131 blue.

Contrast Ratio: 8.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1