#2E5A7D Color

Color Information

HEX	#2E5A7D
RGB	46, 90, 125
HSL	207° , 46% , 34%
HSV	207° , 63% , 49%
CMYK	63%, 28%, 0%, 51%

Lighter Shades

#476E8D #60829C #7995AC #92A9BB #ABBDCB #C4D1DB

Darker Shades

#284F6E #23445F #1D3A50 #182F41 #122432 #0D1923

Complementary Palette

#284D6C #2E5A7D #6D4728 #7F532F #916B4C #4B718F

Analogous Palette

#3A6462 #406D6B #2B5576 #2E5A7D #40426D #545573

Triadic Palette

#284F6E #2E5A7D #87265C #954070 #5C8726 #517721

Split Complementary Palette

#295171 #2E5A7D #7F2F33 #8C4447 #7F7B2F #726F2A

Square Palette

#274C69 #2E5A7D #733776 #765437 #337F2F #549350

Tetradic Palette

#264A67 #2E5A7D #511F8E #7F532F #5C8E1F #79A247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5A7D contains 46 red, 90 green, and 125 blue.

Contrast Ratio: 7.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1