#6A86CF Color

Color Information

HEX	#6A86CF
RGB	106, 134, 207
HSL	223° , 51% , 61%
HSV	223° , 49% , 81%
CMYK	49%, 35%, 0%, 19%

Lighter Shades

#7C95D5 #8EA3DB #A0B2E0 #B2C0E6 #C3CFEC #D5DDF2

Darker Shades

#5D76B6 #51669D #445684 #37466C #2A3653 #1E263A

Complementary Palette

#5B73B2 #6A86CF #B1995A #CEB269 #D5BD7E #7F97D6

Analogous Palette

#769CA7 #7DADBA #647EC3 #6A86CF #8A7DBA #9387C0

Triadic Palette

#5D76B6 #6A86CF #D85F81 #DD7290 #81D85F #72BE54

Split Complementary Palette

#5F79BA #6A86CF #CE7F69 #D38C78 #B8CE69 #A6B95F

Square Palette

#5971AE #6A86CF #C473B3 #C4AD73 #69CE7F #81D693

Tetradic Palette

#576EAA #6A86CF #B957E0 #CEB269 #7EE057 #95E675

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A86CF contains 106 red, 134 green, and 207 blue.

Contrast Ratio: 3.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6:1