#2E456C Color

Color Information

HEX	#2E456C
RGB	46, 69, 108
HSL	218° , 40% , 30%
HSV	218° , 57% , 42%
CMYK	57%, 36%, 0%, 58%

Lighter Shades

#475B7E #60728F #7988A1 #929EB3 #ABB5C4 #C4CBD6

Darker Shades

#283D5F #233452 #1D2C45 #182438 #121C2B #0D131E

Complementary Palette

#283B5D #2E456C #5C4928 #6B552E #806D4B #4B5F81

Analogous Palette

#374F53 #3D585C #2B4166 #2E456C #413D5C #524E6A

Triadic Palette

#283D5F #2E456C #732642 #844059 #427326 #3A6521

Split Complementary Palette

#293E61 #2E456C #6B362E #7A4A43 #636B2E #596029

Square Palette

#273A5B #2E456C #63365D #635336 #2E6B36 #4F8356

Tetradic Palette

#263959 #2E456C #582079 #6B552E #417920 #639148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E456C contains 46 red, 69 green, and 108 blue.

Contrast Ratio: 9.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.12:1