#3C86E6 Color

Color Information

HEX#3C86E6
RGB60, 134, 230
HSL214° , 77% , 57%
HSV214° , 74% , 90%
CMYK74%, 42%, 0%, 10%

Lighter Shades

#5395E9 #6BA3EC #82B2EF #9AC0F2 #B1CFF5 #C8DDF8

Darker Shades

#3576CA #2E66AF #265693 #1F4678 #18365C #112640

Complementary Palette

#3473C6 #3C86E6 #C68734 #E69D3D #EAAB58 #5797EA

Analogous Palette

#52B5BC #53C8D0 #387ED8 #3C86E6 #5B53D0 #6A63D4

Triadic Palette

#3576CA #3C86E6 #F13285 #F34B94 #85F132 #75D42C

Split Complementary Palette

#3679CF #3C86E6 #E6483D #E95A50 #DBE63D #C5CF37

Square Palette

#3271C1 #3C86E6 #DB48D1 #DB9B48 #3DE648 #5CEA65

Tetradic Palette

#316EBD #3C86E6 #9F29FA #E69D3D #83FA29 #99FB50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3C86E6 contains 60 red, 134 green, and 230 blue.

Contrast Ratio: 3.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.8:1