#86A6E4 Color

Color Information

HEX#86A6E4
RGB134, 166, 228
HSL220° , 64% , 71%
HSV220° , 41% , 89%
CMYK41%, 27%, 0%, 11%

Lighter Shades

#95B1E7 #A3BBEA #B2C6EE #C0D1F1 #CFDBF4 #DDE6F7

Darker Shades

#7692C9 #667EAD #566A92 #465677 #36425B #262E40

Complementary Palette

#738FC4 #86A6E4 #C4A973 #E4C586 #E8CD97 #97B2E8

Analogous Palette

#8CB7C0 #95CBD6 #7E9CD6 #86A6E4 #9F95D6 #A59DD8

Triadic Palette

#7692C9 #86A6E4 #EC7EA3 #EE8DAE #A3EC7E #8FD06F

Split Complementary Palette

#7995CD #86A6E4 #E49586 #E7A092 #D5E486 #C0CD79

Square Palette

#718BC0 #86A6E4 #DD8DD0 #DDC28D #86E495 #99E8A6

Tetradic Palette

#6E88BB #86A6E4 #C978F2 #E4C586 #A1F278 #B2F490

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A6E4 contains 134 red, 166 green, and 228 blue.

Contrast Ratio: 2.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.72:1