#2E7BAD Color

Color Information

HEX#2E7BAD
RGB46, 123, 173
HSL204° , 58% , 43%
HSV204° , 73% , 68%
CMYK73%, 29%, 0%, 32%

Lighter Shades

#478BB7 #609BC1 #79ABCB #92BAD4 #ABCADE #C4DAE8

Darker Shades

#286C98 #235D83 #1D4F6F #18405A #123145 #0D2230

Complementary Palette

#286A95 #2E7BAD #955328 #AD612E #B8774B #4B8DB8

Analogous Palette

#3E8982 #44978F #2B74A3 #2E7BAD #444C97 #585F9D

Triadic Palette

#286C98 #2E7BAD #B8237D #C13D8D #7DB823 #6EA21F

Split Complementary Palette

#296F9C #2E7BAD #AD2E3B #B5434F #ADA12E #9C9129

Square Palette

#276791 #2E7BAD #9839A2 #A26339 #3BAD2E #5ABA4F

Tetradic Palette

#26658E #2E7BAD #5D1AC1 #AD612E #7EC11A #95CC43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E7BAD contains 46 red, 123 green, and 173 blue.

Contrast Ratio: 4.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.59:1