#2E4F61 Color

Color Information

HEX	#2E4F61
RGB	46, 79, 97
HSL	201° , 36% , 28%
HSV	201° , 53% , 38%
CMYK	53%, 19%, 0%, 62%

Lighter Shades

#476474 #607987 #798E9A #92A3AD #ABB9C0 #C4CED3

Darker Shades

#284655 #233C4A #1D333E #182932 #122027 #0D161B

Complementary Palette

#284453 #2E4F61 #533728 #61402E #775B4B #4B6877

Analogous Palette

#384D4A #3C534F #2B4A5B #2E4F61 #3C3F53 #4A4D64

Triadic Palette

#284655 #2E4F61 #682751 #7A4166 #516827 #475C22

Split Complementary Palette

#294757 #2E4F61 #612E35 #714349 #61592E #575029

Square Palette

#274251 #2E4F61 #54355A #5A4235 #35612E #557A4F

Tetradic Palette

#264150 #2E4F61 #3C216E #61402E #536E21 #728849

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4F61 contains 46 red, 79 green, and 97 blue.

Contrast Ratio: 8.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1