#3684E2 Color

Color Information

HEX#3684E2
RGB54, 132, 226
HSL213° , 75% , 55%
HSV213° , 76% , 89%
CMYK76%, 42%, 0%, 11%

Lighter Shades

#4E93E5 #66A2E9 #7EB0EC #96BFF0 #AFCEF3 #C7DDF7

Darker Shades

#3074C7 #2964AC #235491 #1C4576 #16355A #0F253F

Complementary Palette

#2E72C2 #3684E2 #C2802E #E29536 #E6A452 #5295E6

Analogous Palette

#4CB2B8 #4DC5CB #337CD4 #3684E2 #534DCB #5F59CF

Triadic Palette

#3074C7 #3684E2 #EE2B82 #F04491 #82EE2B #72D126

Split Complementary Palette

#3177CB #3684E2 #E23F36 #E5524A #DAE236 #C4CB31

Square Palette

#2D6FBE #3684E2 #D742CF #D79442 #36E23F #56E75E

Tetradic Palette

#2C6CB9 #3684E2 #9722F7 #E29536 #82F722 #99F84A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3684E2 contains 54 red, 132 green, and 226 blue.

Contrast Ratio: 3.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.61:1