#86A7E9 Color

Color Information

HEX#86A7E9
RGB134, 167, 233
HSL220° , 69% , 72%
HSV220° , 42% , 91%
CMYK42%, 28%, 0%, 9%

Lighter Shades

#95B2EC #A3BCEE #B2C7F1 #C0D1F4 #CFDCF6 #DDE6F9

Darker Shades

#7693CD #667FB1 #566B95 #465779 #36435D #262F41

Complementary Palette

#7390C8 #86A7E9 #C8AC73 #E9C886 #ECD097 #97B3EC

Analogous Palette

#8CBBC5 #95CFDB #7E9DDB #86A7E9 #A095DB #A79CDD

Triadic Palette

#7693CD #86A7E9 #F07FA5 #F28EB0 #A5F07F #91D370

Split Complementary Palette

#7996D2 #86A7E9 #E99786 #EBA192 #D8E986 #C2D279

Square Palette

#718CC4 #86A7E9 #E28DD4 #E2C68D #86E997 #99EDA8

Tetradic Palette

#6E89BF #86A7E9 #CC79F6 #E9C886 #A3F679 #B4F891

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A7E9 contains 134 red, 167 green, and 233 blue.

Contrast Ratio: 2.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.85:1