#2C6984 Color

Color Information

HEX#2C6984
RGB44, 105, 132
HSL198° , 50% , 35%
HSV198° , 67% , 52%
CMYK67%, 20%, 0%, 48%

Lighter Shades

#457B93 #5F8DA2 #789FB0 #91B1BF #ABC3CE #C4D5DD

Darker Shades

#275C74 #215064 #1C4354 #173745 #122A35 #0C1D25

Complementary Palette

#265A72 #2C6984 #733D27 #86472D #97614A #4A7E95

Analogous Palette

#396A60 #3E7469 #29637C #2C6984 #3E4874 #52597A

Triadic Palette

#275C74 #2C6984 #8F246F #9C3E80 #6F8F24 #627E20

Split Complementary Palette

#285F77 #2C6984 #862D3E #924251 #86742D #796829

Square Palette

#25586F #2C6984 #6F367D #7D4B36 #3E862D #5D994F

Tetradic Palette

#24566C #2C6984 #411D96 #86472D #72961D #8BA946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6984 contains 44 red, 105 green, and 132 blue.

Contrast Ratio: 6.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.46:1