#4285B4 Color

Color Information

HEX#4285B4
RGB66, 133, 180
HSL205° , 46% , 48%
HSV205° , 63% , 71%
CMYK63%, 26%, 0%, 29%

Lighter Shades

#5994BD #6FA2C6 #86B1CF #9DC0D8 #B3CEE1 #CADDEA

Darker Shades

#3A759E #326589 #2A5573 #22455E #1A3548 #122532

Complementary Palette

#39729B #4285B4 #9A6139 #B37142 #BE855C #5C96BF

Analogous Palette

#538D88 #5B9A95 #3E7DA9 #4285B4 #5B609A #686DA1

Triadic Palette

#3A759E #4285B4 #BF3686 #C74E95 #86BF36 #76A830

Split Complementary Palette

#3B78A2 #4285B4 #B3424B #BB555D #B3A942 #A1983B

Square Palette

#377097 #4285B4 #9F4EA6 #A6734E #4BB342 #68BF60

Tetradic Palette

#366D94 #4285B4 #6D2CC9 #B37142 #87C92C #9DD352

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4285B4 contains 66 red, 133 green, and 180 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.3:1