#3096AA Color

Color Information

HEX#3096AA
RGB48, 150, 170
HSL190° , 56% , 43%
HSV190° , 72% , 67%
CMYK72%, 12%, 0%, 33%

Lighter Shades

#49A3B4 #62AFBE #7BBCC9 #93C8D3 #ACD5DD #C5E2E7

Darker Shades

#2A8496 #247281 #1F606D #194E58 #133C44 #0D2A30

Complementary Palette

#298192 #3096AA #933B29 #AB4530 #B75F4D #4DA5B6

Analogous Palette

#40876F #46957B #2D8DA0 #3096AA #466095 #596F9B

Triadic Palette

#2A8496 #3096AA #B6259E #BF3FAA #9EB625 #8BA021

Split Complementary Palette

#2B8799 #3096AA #AB3059 #B3456A #AB8230 #9A752B

Square Palette

#287E8F #3096AA #7E3BA0 #A04C3B #59AB30 #74B851

Tetradic Palette

#277B8B #3096AA #381DBF #AB4530 #A4BF1D #B4CB46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3096AA contains 48 red, 150 green, and 170 blue.

Contrast Ratio: 3.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.15:1