#6A86C9 Color

Color Information

HEX	#6A86C9
RGB	106, 134, 201
HSL	222° , 47% , 60%
HSV	222° , 47% , 79%
CMYK	47%, 33%, 0%, 21%

Lighter Shades

#7C95CF #8EA3D6 #A0B2DC #B2C0E3 #C3CFE9 #D5DDF0

Darker Shades

#5D76B1 #516699 #445681 #374669 #2A3650 #1E2638

Complementary Palette

#5B73AD #6A86C9 #AD945A #C9AC69 #D1B87E #7F97D1

Analogous Palette

#7699A2 #7DAAB5 #647EBD #6A86C9 #887DB5 #9187BA

Triadic Palette

#5D76B1 #6A86C9 #D35F82 #D87291 #82D35F #72BA54

Split Complementary Palette

#5F79B5 #6A86C9 #C97C69 #CE8978 #B6C969 #A4B55F

Square Palette

#5971A9 #6A86C9 #BF73B0 #BFA873 #69C97C #81D291

Tetradic Palette

#576EA5 #6A86C9 #B457DB #C9AC69 #7EDB57 #95E175

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A86C9 contains 106 red, 134 green, and 201 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.94:1