#4685CC Color

Color Information

HEX#4685CC
RGB70, 133, 204
HSL212° , 57% , 54%
HSV212° , 66% , 80%
CMYK66%, 35%, 0%, 20%

Lighter Shades

#5C94D2 #72A2D8 #89B1DE #9FC0E4 #B5CEEB #CBDDF1

Darker Shades

#3E75B4 #35659B #2D5583 #24456A #1C3552 #142539

Complementary Palette

#3C72AF #4685CC #B07A3D #CD8E47 #D49E61 #6096D3

Analogous Palette

#5BA2A4 #5EB2B5 #427DC0 #4685CC #615EB5 #6E6CBC

Triadic Palette

#3E75B4 #4685CC #D83B84 #DD5393 #84D83B #74BE34

Split Complementary Palette

#3F78B8 #4685CC #CD4B47 #D25D59 #C8CD47 #B4B940

Square Palette

#3B70AB #4685CC #C153BD #C18D53 #47CD4B #64D568

Tetradic Palette

#396DA7 #4685CC #9032E2 #CD8E47 #84E232 #9AE757

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4685CC contains 70 red, 133 green, and 204 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.55:1