#2986A8 Color

Color Information

HEX#2986A8
RGB41, 134, 168
HSL196° , 61% , 41%
HSV196° , 76% , 66%
CMYK76%, 20%, 0%, 34%

Lighter Shades

#4395B2 #5CA3BD #76B2C7 #90C0D2 #A9CFDC #C3DDE7

Darker Shades

#247694 #1F6680 #1A566C #154657 #103643 #0B262F

Complementary Palette

#237390 #2986A8 #904123 #A84B29 #B46447 #4797B4

Analogous Palette

#398976 #3E937F #277E9E #2986A8 #3E5293 #526398

Triadic Palette

#247694 #2986A8 #B31E8B #BC3999 #8BB31E #7A9E1A

Split Complementary Palette

#257997 #2986A8 #A82947 #B13E59 #A88B29 #977D25

Square Palette

#22718D #2986A8 #85339E #9E5033 #47A829 #64B64B

Tetradic Palette

#226E8A #2986A8 #4216BB #A84B29 #8FBB16 #A3C740

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2986A8 contains 41 red, 134 green, and 168 blue.

Contrast Ratio: 4.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.13:1