#86BAF5 Color

Color Information

HEX#86BAF5
RGB134, 186, 245
HSL212° , 85% , 74%
HSV212° , 45% , 96%
CMYK45%, 24%, 0%, 4%

Lighter Shades

#95C2F6 #A3CBF7 #B2D3F9 #C0DBFA #CFE3FB #DDECFC

Darker Shades

#76A4D8 #668DBA #56779D #46617F #364A62 #263445

Complementary Palette

#73A0D3 #86BAF5 #D3A572 #F5C084 #F6C995 #97C4F6

Analogous Palette

#8ACED0 #92E5E8 #7EAFE6 #86BAF5 #9492E8 #9D9AEA

Triadic Palette

#76A4D8 #86BAF5 #FC7EB9 #FC8DC1 #B9FC7E #A3DE6F

Split Complementary Palette

#79A7DD #86BAF5 #F58884 #F69490 #F1F584 #D9DD77

Square Palette

#719CCE #86BAF5 #EE8BEB #EEC08B #84F588 #98F79B

Tetradic Palette

#6E99C9 #86BAF5 #C17AFF #F5C084 #B8FF7A #C5FF92

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86BAF5 contains 134 red, 186 green, and 245 blue.

Contrast Ratio: 2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.5:1