#2E689A Color

Color Information

HEX#2E689A
RGB46, 104, 154
HSL208° , 54% , 39%
HSV208° , 70% , 60%
CMYK70%, 32%, 0%, 40%

Lighter Shades

#477AA6 #608CB2 #799EBE #92B0CA #ABC3D7 #C4D5E3

Darker Shades

#285C88 #234F75 #1D4363 #183650 #122A3E #0D1D2B

Complementary Palette

#285984 #2E689A #845328 #99602E #A7764B #4B7DA8

Analogous Palette

#3D7B79 #428583 #2B6291 #2E689A #424485 #55568B

Triadic Palette

#285C88 #2E689A #A32468 #AE3E7A #68A324 #5C8F20

Split Complementary Palette

#295E8B #2E689A #992E31 #A34346 #99962E #8A8729

Square Palette

#275781 #2E689A #8C388F #8F6138 #31992E #52A94F

Tetradic Palette

#26557E #2E689A #5F1CAB #99602E #68AB1C #83BA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E689A contains 46 red, 104 green, and 154 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1