#2E7194 Color

Color Information

HEX	#2E7194
RGB	46, 113, 148
HSL	201° , 53% , 38%
HSV	201° , 69% , 58%
CMYK	69%, 24%, 0%, 42%

Lighter Shades

#4782A1 #6093AE #79A4BB #92B5C7 #ABC6D4 #C4D7E1

Darker Shades

#286382 #235670 #1D485F #183B4D #122D3B #0D2029

Complementary Palette

#28617F #2E7194 #7F4628 #94512E #A3694B #4B85A3

Analogous Palette

#3C776E #418177 #2B6A8B #2E7194 #414B81 #545C87

Triadic Palette

#286382 #2E7194 #9E2473 #AA3E84 #739E24 #658B20

Split Complementary Palette

#296685 #2E7194 #942E3D #9F4350 #94852E #857829

Square Palette

#275F7C #2E7194 #7E378B #8B5437 #3D942E #5CA54F

Tetradic Palette

#265D79 #2E7194 #4C1CA6 #94512E #76A61C #8FB645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E7194 contains 46 red, 113 green, and 148 blue.

Contrast Ratio: 5.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.92:1