#2D6A88 Color

Color Information

HEX	#2D6A88
RGB	45, 106, 136
HSL	200° , 50% , 35%
HSV	200° , 67% , 53%
CMYK	67%, 22%, 0%, 47%

Lighter Shades

#467C96 #5F8EA5 #79A0B3 #92B2C1 #ABC3CF #C4D5DE

Darker Shades

#285D78 #225167 #1D4457 #173747 #122A36 #0D1E26

Complementary Palette

#275B75 #2D6A88 #734027 #864A2D #97634A #4A7F99

Analogous Palette

#396A62 #3E746B #2A6480 #2D6A88 #3E4774 #52587A

Triadic Palette

#285D78 #2D6A88 #8F246B #9C3E7D #6B8F24 #5E7E20

Split Complementary Palette

#295F7A #2D6A88 #862D3C #924250 #86772D #796B29

Square Palette

#265972 #2D6A88 #71367D #7D4D36 #3C862D #5B994F

Tetradic Palette

#255770 #2D6A88 #451D96 #864A2D #6D961D #87A946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6A88 contains 45 red, 106 green, and 136 blue.

Contrast Ratio: 5.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.53:1