#2E6D99 Color

Color Information

HEX#2E6D99
RGB46, 109, 153
HSL205° , 54% , 39%
HSV205° , 70% , 60%
CMYK70%, 29%, 0%, 40%

Lighter Shades

#477FA5 #6090B1 #79A2BE #92B3CA #ABC5D6 #C4D6E2

Darker Shades

#286087 #235374 #1D4662 #183950 #122C3D #0D1F2B

Complementary Palette

#285E84 #2E6D99 #844D28 #995A2E #A7714B #4B81A7

Analogous Palette

#3D7B76 #428580 #2B6690 #2E6D99 #424785 #555A8B

Triadic Palette

#286087 #2E6D99 #A3246E #AE3E7F #6EA324 #618F20

Split Complementary Palette

#29628A #2E6D99 #992E37 #A3434B #99902E #8A8229

Square Palette

#275C81 #2E6D99 #88388F #8F5C38 #37992E #57A94F

Tetradic Palette

#26597D #2E6D99 #581CAB #995A2E #6FAB1C #89BA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6D99 contains 46 red, 109 green, and 153 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1