#2D6DA9 Color

Color Information

HEX#2D6DA9
RGB45, 109, 169
HSL209° , 58% , 42%
HSV209° , 73% , 66%
CMYK73%, 36%, 0%, 34%

Lighter Shades

#467FB3 #5F90BE #79A2C8 #92B3D2 #ABC5DD #C4D6E7

Darker Shades

#286095 #225380 #1D466C #173958 #122C44 #0D1F2F

Complementary Palette

#275E91 #2D6DA9 #915A27 #A9692D #B57E4A #4A81B5

Analogous Palette

#3C8684 #429492 #2A669F #2D6DA9 #424494 #565799

Triadic Palette

#286095 #2D6DA9 #B4226E #BD3D7F #6EB422 #619E1E

Split Complementary Palette

#296298 #2D6DA9 #A92D2F #B24244 #A9A72D #989629

Square Palette

#265C8E #2D6DA9 #9D389F #9F6938 #2FA92D #50B74F

Tetradic Palette

#25598B #2D6DA9 #681ABC #A9692D #6EBC1A #88C843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6DA9 contains 45 red, 109 green, and 169 blue.

Contrast Ratio: 5.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.88:1