#3B86A6 Color

Color Information

HEX#3B86A6
RGB59, 134, 166
HSL198° , 48% , 44%
HSV198° , 64% , 65%
CMYK64%, 19%, 0%, 35%

Lighter Shades

#5395B1 #6AA3BB #82B2C6 #99C0D1 #B1CFDB #C8DDE6

Darker Shades

#347692 #2D667E #26566A #1F4656 #183642 #11262E

Complementary Palette

#33738F #3B86A6 #8F4E32 #A65B3A #B27256 #5697B2

Analogous Palette

#488478 #519083 #377E9C #3B86A6 #515D90 #626C93

Triadic Palette

#347692 #3B86A6 #B12F8A #BA4898 #8AB12F #799C29

Split Complementary Palette

#357995 #3B86A6 #A63A50 #AF4E62 #A6913A #958334

Square Palette

#32718B #3B86A6 #8A469B #9B5F46 #50A63A #6CB45A

Tetradic Palette

#306E88 #3B86A6 #5326BA #A65B3A #8EBA26 #A2C64D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3B86A6 contains 59 red, 134 green, and 166 blue.

Contrast Ratio: 4.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.2:1