#2E457D Color

Color Information

HEX	#2E457D
RGB	46, 69, 125
HSL	223° , 46% , 34%
HSV	223° , 63% , 49%
CMYK	63%, 45%, 0%, 51%

Lighter Shades

#475B8D #60729C #7988AC #929EBB #ABB5CB #C4CBDB

Darker Shades

#283D6E #23345F #1D2C50 #182441 #121C32 #0D1323

Complementary Palette

#283B6C #2E457D #6D5928 #7F682F #917D4C #4B5F8F

Analogous Palette

#3A5A64 #40636D #2B4176 #2E457D #4A406D #5A5473

Triadic Palette

#283D6E #2E457D #872640 #954057 #408726 #387721

Split Complementary Palette

#293E71 #2E457D #7F402F #8C5344 #6D7F2F #62722A

Square Palette

#273A69 #2E457D #763767 #766437 #2F7F40 #50935F

Tetradic Palette

#263967 #2E457D #6F1F8E #7F682F #3D8E1F #60A247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E457D contains 46 red, 69 green, and 125 blue.

Contrast Ratio: 9.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.21:1