#2D6386 Color

Color Information

HEX#2D6386
RGB45, 99, 134
HSL204° , 50% , 35%
HSV204° , 66% , 53%
CMYK66%, 26%, 0%, 47%

Lighter Shades

#467695 #5F88A3 #799BB2 #92AEC0 #ABC1CF #C4D3DD

Darker Shades

#285776 #224B66 #1D3F56 #173346 #122836 #0D1C26

Complementary Palette

#275573 #2D6386 #734527 #86502D #97694A #4A7997

Analogous Palette

#396A65 #3E746F #2A5D7E #2D6386 #3E4474 #52567A

Triadic Palette

#285776 #2D6386 #8F2464 #9C3E77 #648F24 #587E20

Split Complementary Palette

#295979 #2D6386 #862D36 #92424A #867D2D #797129

Square Palette

#265371 #2D6386 #76367D #7D5236 #36862D #56994F

Tetradic Palette

#25516E #2D6386 #4D1D96 #86502D #65961D #81A946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6386 contains 45 red, 99 green, and 134 blue.

Contrast Ratio: 6.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.23:1