#86A2C2 Color

Color Information

HEX#86A2C2
RGB134, 162, 194
HSL212° , 33% , 64%
HSV212° , 31% , 76%
CMYK31%, 16%, 0%, 24%

Lighter Shades

#95ADC9 #A3B8D1 #B2C3D8 #C0CFDF #CFDAE7 #DDE5EE

Darker Shades

#768FAB #667B93 #56687C #465465 #36414E #262D36

Complementary Palette

#738BA7 #86A2C2 #A68E72 #C1A585 #CAB296 #97AFCB

Analogous Palette

#87A5A6 #95B0B1 #7E98B6 #86A2C2 #9695B1 #9F9EB7

Triadic Palette

#768FAB #86A2C2 #CB7CA1 #D18CAC #A1CB7C #8EB36D

Split Complementary Palette

#7992AF #86A2C2 #C18785 #C79391 #BFC185 #ACAE78

Square Palette

#7188A3 #86A2C2 #B88EB7 #B8A58E #85C187 #99CB9A

Tetradic Palette

#6E859F #86A2C2 #A674D2 #C1A585 #A0D274 #B1DA8D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A2C2 contains 134 red, 162 green, and 194 blue.

Contrast Ratio: 2.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.1:1