#86A9A2 Color

Color Information

HEX#86A9A2
RGB134, 169, 162
HSL168° , 17% , 59%
HSV168° , 21% , 66%
CMYK21%, 0%, 4%, 34%

Lighter Shades

#95B3AD #A3BEB8 #B2C8C3 #C0D2CF #CFDDDA #DDE7E5

Darker Shades

#76958F #66807B #566C68 #465854 #364441 #262F2D

Complementary Palette

#73918B #86A9A2 #907278 #A8858C #B4969C #97B5AF

Analogous Palette

#789B83 #87A690 #7E9F98 #86A9A2 #879DA6 #90A4AD

Triadic Palette

#76958F #86A9A2 #A77AB3 #B28ABC #B3A77A #9E936B

Split Complementary Palette

#799892 #86A9A2 #A8859E #B191A8 #A88F85 #978178

Square Palette

#718E88 #86A9A2 #9087A6 #A6878D #9EA885 #AEB699

Tetradic Palette

#6E8B85 #86A9A2 #7280BB #A8858C #BBAC72 #C7BB8B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A9A2 contains 134 red, 169 green, and 162 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.35:1