#3C86C7 Color

Color Information

HEX#3C86C7
RGB60, 134, 199
HSL208° , 55% , 51%
HSV208° , 70% , 78%
CMYK70%, 33%, 0%, 22%

Lighter Shades

#5395CE #6BA3D4 #82B2DB #9AC0E2 #B1CFE9 #C8DDEF

Darker Shades

#3576AF #2E6697 #26567F #1F4667 #183650 #112638

Complementary Palette

#3473AB #3C86C7 #AB6C34 #C77D3D #CF8F58 #5797CF

Analogous Palette

#509F9D #56AEAB #387EBB #3C86C7 #5659AE #6467B4

Triadic Palette

#3576AF #3C86C7 #D33187 #D84A95 #87D331 #77BA2B

Split Complementary Palette

#3679B3 #3C86C7 #C73D42 #CD5055 #C7C23D #B3AF37

Square Palette

#3271A7 #3C86C7 #B74ABA #BA7E4A #42C73D #60D05C

Tetradic Palette

#316EA3 #3C86C7 #7C27DD #C77D3D #88DD27 #9DE34E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3C86C7 contains 60 red, 134 green, and 199 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.49:1