#3695CE Color

Color Information

HEX	#3695CE
RGB	54, 149, 206
HSL	203° , 61% , 51%
HSV	203° , 74% , 81%
CMYK	74%, 28%, 0%, 19%

Lighter Shades

#4EA2D4 #66AEDA #7EBBE0 #96C8E6 #AFD5EB #C7E1F1

Darker Shades

#3083B5 #29719D #235F84 #1C4D6B #163C52 #0F2A3A

Complementary Palette

#2E80B1 #3695CE #B1602E #CE7036 #D58452 #52A4D5

Analogous Palette

#4AA59B #4FB5A9 #338CC2 #3695CE #4F5BB5 #5D68BB

Triadic Palette

#3083B5 #3695CE #DB2997 #DF43A3 #97DB29 #85C124

Split Complementary Palette

#3186B9 #3695CE #CE3648 #D34A5A #CEBC36 #B9A931

Square Palette

#2D7DAD #3695CE #B342C2 #C27342 #48CE36 #65D656

Tetradic Palette

#2C7AA9 #3695CE #6B1FE5 #CE7036 #99E51F #ABEA47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3695CE contains 54 red, 149 green, and 206 blue.

Contrast Ratio: 3.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.43:1