#2E4656 Color

Color Information

HEX#2E4656
RGB46, 70, 86
HSL204° , 30% , 26%
HSV204° , 47% , 34%
CMYK47%, 19%, 0%, 66%

Lighter Shades

#475C6A #60727F #798993 #929FA7 #ABB5BB #C4CBD0

Darker Shades

#283E4C #233541 #1D2D37 #18242D #121C22 #0D1418

Complementary Palette

#283C4A #2E4656 #4A3528 #563E2E #6E594B #4B606E

Analogous Palette

#344645 #384C4A #2B4251 #2E4656 #383A4C #45475E

Triadic Palette

#283E4C #2E4656 #5D2848 #70425E #485D28 #3F5223

Split Complementary Palette

#293F4D #2E4656 #562E32 #674347 #56522E #4D4A29

Square Palette

#273B48 #2E4656 #4D3550 #504035 #32562E #53714F

Tetradic Palette

#263947 #2E4656 #3C2262 #563E2E #496222 #6A7E4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4656 contains 46 red, 70 green, and 86 blue.

Contrast Ratio: 10.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1