#2E4671 Color

Color Information

HEX#2E4671
RGB46, 70, 113
HSL219° , 42% , 31%
HSV219° , 59% , 44%
CMYK59%, 38%, 0%, 56%

Lighter Shades

#475C82 #607293 #7989A4 #929FB5 #ABB5C6 #C4CBD7

Darker Shades

#283E63 #233556 #1D2D48 #18243B #121C2D #0D1420

Complementary Palette

#283C61 #2E4671 #604D28 #70592E #84704B #4B6085

Analogous Palette

#385257 #3E5B60 #2B426A #2E4671 #433E60 #524E6A

Triadic Palette

#283E63 #2E4671 #782643 #88405A #437826 #3B6A21

Split Complementary Palette

#293F66 #2E4671 #70382E #7E4C43 #66702E #5C6529

Square Palette

#273B5F #2E4671 #683661 #685736 #2E7038 #4F8758

Tetradic Palette

#26395D #2E4671 #5D207E #70592E #417E20 #639548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4671 contains 46 red, 70 green, and 113 blue.

Contrast Ratio: 9.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.17:1