#86A2FF Color

Color Information

HEX#86A2FF
RGB134, 162, 255
HSL226° , 100% , 76%
HSV226° , 47% , 100%
CMYK47%, 36%, 0%, 0%

Lighter Shades

#95ADFF #A3B8FF #B2C3FF #C0CFFF #CFDAFF #DDE5FF

Darker Shades

#768FE0 #667BC2 #5668A3 #465485 #364166 #262D47

Complementary Palette

#738BDB #86A2FF #DBC272 #FFE285 #FFE696 #97AFFF

Analogous Palette

#89C6DC #91D9F3 #7E98F0 #86A2FF #AB91F3 #B29AF4

Triadic Palette

#768FE0 #86A2FF #FF85A1 #FF94AC #A1FF85 #8EE075

Split Complementary Palette

#7992E6 #86A2FF #FFA585 #FFAE91 #DEFF85 #C8E678

Square Palette

#7188D6 #86A2FF #F98BDC #F9DF8B #85FFA5 #99FFB3

Tetradic Palette

#6E85D1 #86A2FF #E285FF #FFE285 #A1FF85 #B2FF9B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A2FF contains 134 red, 162 green, and 255 blue.

Contrast Ratio: 2.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.75:1