#3696BF Color

Color Information

HEX#3696BF
RGB54, 150, 191
HSL198° , 56% , 48%
HSV198° , 72% , 75%
CMYK72%, 21%, 0%, 25%

Lighter Shades

#4EA3C7 #66AFCE #7EBCD6 #96C8DE #AFD5E5 #C7E2ED

Darker Shades

#3084A8 #297291 #23607A #1C4E63 #163C4C #0F2A35

Complementary Palette

#2E81A4 #3696BF #A4522E #BF5F36 #C87552 #52A5C8

Analogous Palette

#489988 #4EA695 #338DB4 #3696BF #4E60A6 #5D6DAC

Triadic Palette

#3084A8 #3696BF #CB2A9B #D144A7 #9BCB2A #88B325

Split Complementary Palette

#3187AC #3696BF #BF3651 #C54A62 #BFA436 #AC9431

Square Palette

#2D7EA0 #3696BF #9C42B3 #B36442 #51BF36 #6DC956

Tetradic Palette

#2C7B9D #3696BF #5620D5 #BF5F36 #9FD520 #B0DD48

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3696BF contains 54 red, 150 green, and 191 blue.

Contrast Ratio: 3.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.36:1