#2E4560 Color

Color Information

HEX#2E4560
RGB46, 69, 96
HSL212° , 35% , 28%
HSV212° , 52% , 38%
CMYK52%, 28%, 0%, 62%

Lighter Shades

#475B73 #607286 #798899 #929EAC #ABB5BF #C4CBD2

Darker Shades

#283D54 #233449 #1D2C3D #182432 #121C26 #0D131B

Complementary Palette

#283B53 #2E4560 #533F28 #60492E #76624B #4B5F76

Analogous Palette

#364949 #3D5252 #2B415A #2E4560 #3D3D52 #4B4A64

Triadic Palette

#283D54 #2E4560 #682746 #7A415C #466827 #3E5C22

Split Complementary Palette

#293E56 #2E4560 #60302E #704543 #5F602E #565629

Square Palette

#273A51 #2E4560 #593659 #594936 #2E6030 #4F7951

Tetradic Palette

#26394F #2E4560 #4A226D #60492E #466D22 #67874A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4560 contains 46 red, 69 green, and 96 blue.

Contrast Ratio: 10.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1