#4285D2 Color

Color Information

HEX#4285D2
RGB66, 133, 210
HSL212° , 62% , 54%
HSV212° , 69% , 82%
CMYK69%, 37%, 0%, 18%

Lighter Shades

#5994D7 #6FA2DD #86B1E2 #9DC0E8 #B3CEED #CADDF2

Darker Shades

#3A75B9 #3265A0 #2A5586 #22456D #1A3554 #12253B

Complementary Palette

#3972B5 #4285D2 #B57B38 #D28F41 #D89F5C #5C96D8

Analogous Palette

#55A8AA #58B8BB #3E7DC5 #4285D2 #5C58BB #6A67C1

Triadic Palette

#3A75B9 #4285D2 #DE3584 #E24D93 #84DE35 #74C32F

Split Complementary Palette

#3B78BD #4285D2 #D24641 #D75954 #CED241 #B9BD3B

Square Palette

#3770B0 #4285D2 #C74DC3 #C78E4D #41D246 #5FD964

Tetradic Palette

#366DAC #4285D2 #902CE8 #D28F41 #83E82C #99EC52

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4285D2 contains 66 red, 133 green, and 210 blue.

Contrast Ratio: 3.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.58:1