#2E5463 Color

Color Information

HEX#2E5463
RGB46, 84, 99
HSL197° , 37% , 28%
HSV197° , 54% , 39%
CMYK54%, 15%, 0%, 61%

Lighter Shades

#476976 #607D88 #79929B #92A6AE #ABBBC1 #C4CFD3

Darker Shades

#284A57 #23404B #1D363F #182C33 #122228 #0D181C

Complementary Palette

#284855 #2E5463 #543427 #623C2D #78574A #4B6C79

Analogous Palette

#374E49 #3B544E #2B4F5D #2E5463 #3B4054 #4A4F64

Triadic Palette

#284A57 #2E5463 #692656 #7B406A #566926 #4C5C21

Split Complementary Palette

#294C59 #2E5463 #622D38 #72424C #62562D #584D29

Square Palette

#274753 #2E5463 #52345B #5B3F34 #38622D #587B4F

Tetradic Palette

#264551 #2E5463 #36206F #623C2D #586F20 #768948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5463 contains 46 red, 84 green, and 99 blue.

Contrast Ratio: 8.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1