#4286BE Color

Color Information

HEX#4286BE
RGB66, 134, 190
HSL207° , 49% , 50%
HSV207° , 65% , 75%
CMYK65%, 29%, 0%, 25%

Lighter Shades

#5995C6 #6FA3CE #86B2D5 #9DC0DD #B3CFE5 #CADDED

Darker Shades

#3A76A7 #326690 #2A567A #224663 #1A364C #122635

Complementary Palette

#3973A3 #4286BE #A36838 #BE7941 #C78C5C #5C97C7

Analogous Palette

#539794 #5BA4A1 #3E7EB3 #4286BE #5B5EA4 #686BAC

Triadic Palette

#3A76A7 #4286BE #CB3487 #D14C95 #87CB34 #77B32E

Split Complementary Palette

#3B79AB #4286BE #BE4147 #C55459 #BEB841 #ABA63B

Square Palette

#3771A0 #4286BE #AC4EB1 #B17B4E #47BE41 #64C85F

Tetradic Palette

#366E9C #4286BE #772AD5 #BE7941 #88D52A #9DDD50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4286BE contains 66 red, 134 green, and 190 blue.

Contrast Ratio: 3.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.45:1