#7086B3 Color

Color Information

HEX#7086B3
RGB112, 134, 179
HSL220° , 31% , 57%
HSV220° , 37% , 70%
CMYK37%, 25%, 0%, 30%

Lighter Shades

#8195BC #92A3C5 #A3B2CE #B5C0D7 #C6CFE1 #D7DDEA

Darker Shades

#63769E #556688 #485673 #3A465D #2D3648 #1F2632

Complementary Palette

#60739A #7086B3 #9A875F #B39D6F #BEAB83 #8497BE

Analogous Palette

#729197 #819CA2 #697EA8 #7086B3 #8781A2 #8F8AA8

Triadic Palette

#63769E #7086B3 #BE6482 #C67791 #82BE64 #72A758

Split Complementary Palette

#6579A1 #7086B3 #B37B6F #BB887D #A8B36F #97A164

Square Palette

#5E7196 #7086B3 #A87AA1 #A89A7A #6FB37B #86BF90

Tetradic Palette

#5C6E93 #7086B3 #A55CC7 #B39D6F #7FC75C #96D179

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7086B3 contains 112 red, 134 green, and 179 blue.

Contrast Ratio: 3.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.83:1