#84A6BE Color

Color Information

HEX#84A6BE
RGB132, 166, 190
HSL205° , 31% , 63%
HSV205° , 31% , 75%
CMYK31%, 13%, 0%, 25%

Lighter Shades

#93B1C6 #A2BBCE #B0C6D5 #BFD1DD #CEDBE5 #DDE6ED

Darker Shades

#7492A7 #647E90 #546A7A #455663 #35424C #252E35

Complementary Palette

#728FA3 #84A6BE #A38671 #BE9C83 #C7AA94 #95B2C7

Analogous Palette

#84A4A1 #92AFAC #7C9CB3 #84A6BE #9295AF #9B9EB5

Triadic Palette

#7492A7 #84A6BE #C77AA8 #CE8AB2 #A8C77A #94AF6B

Split Complementary Palette

#7795AB #84A6BE #BE8388 #C58F94 #BEB983 #ABA776

Square Palette

#6F8BA0 #84A6BE #B18DB4 #B49D8D #88BE83 #9BC897

Tetradic Palette

#6C889C #84A6BE #9972CF #BE9C83 #AACF72 #B9D88B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #84A6BE contains 132 red, 166 green, and 190 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.32:1