#2D6BA5 Color

Color Information

HEX#2D6BA5
RGB45, 107, 165
HSL209° , 57% , 41%
HSV209° , 73% , 65%
CMYK73%, 35%, 0%, 35%

Lighter Shades

#467DB0 #5F8FBB #79A0C5 #92B2D0 #ABC4DB #C4D6E6

Darker Shades

#285E91 #22517D #1D446A #173856 #122B42 #0D1E2E

Complementary Palette

#275C8E #2D6BA5 #8D5927 #A4672D #B17C4A #4A80B2

Analogous Palette

#3D8584 #428F8E #2A659B #2D6BA5 #42438F #565795

Triadic Palette

#285E91 #2D6BA5 #AF236B #B93D7D #6BAF23 #5E9A1F

Split Complementary Palette

#296095 #2D6BA5 #A42D2F #AD4244 #A4A22D #949229

Square Palette

#265A8B #2D6BA5 #98379A #9A6737 #2FA42D #50B34F

Tetradic Palette

#255887 #2D6BA5 #661AB7 #A4672D #6BB71A #86C443

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6BA5 contains 45 red, 107 green, and 165 blue.

Contrast Ratio: 5.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.76:1