#2E6793 Color

Color Information

HEX#2E6793
RGB46, 103, 147
HSL206° , 52% , 38%
HSV206° , 69% , 58%
CMYK69%, 30%, 0%, 42%

Lighter Shades

#4779A0 #608BAD #799EBA #92B0C7 #ABC2D4 #C4D4E1

Darker Shades

#285B81 #234E70 #1D425E #18364C #12293B #0D1D29

Complementary Palette

#28597E #2E6793 #7E4D28 #935A2F #A2714C #4B7CA2

Analogous Palette

#3D7673 #42807C #2B618A #2E6793 #424680 #565886

Triadic Palette

#285B81 #2E6793 #9D2569 #A93F7B #699D25 #5C8A21

Split Complementary Palette

#295D84 #2E6793 #932F35 #9E4449 #938D2F #847F2A

Square Palette

#27577B #2E6793 #84388A #8A5B38 #35932F #55A450

Tetradic Palette

#265479 #2E6793 #581DA5 #935A2F #6AA51D #85B546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6793 contains 46 red, 103 green, and 147 blue.

Contrast Ratio: 6.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.47:1