#54AACA Color

Color Information

HEX	#54AACA
RGB	84, 170, 202
HSL	196° , 53% , 56%
HSV	196° , 58% , 79%
CMYK	58%, 16%, 0%, 21%

Lighter Shades

#69B4D0 #7DBED7 #92C9DD #A6D3E3 #BBDDEA #CFE7F0

Darker Shades

#4A96B2 #40819A #366D81 #2C5869 #224451 #183039

Complementary Palette

#4892AE #54AACA #AE6347 #CA7353 #D1876B #6CB6D1

Analogous Palette

#64A092 #6AB4A3 #4FA0BE #54AACA #6A7BB4 #7484B9

Triadic Palette

#4A96B2 #54AACA #D548B0 #DA5EB9 #B0D548 #9BBB3F

Split Complementary Palette

#4C99B6 #54AACA #CA536F #CF647D #CAAF53 #B69E4B

Square Palette

#478FAA #54AACA #A95FBF #BF785F #6FCA53 #86D26F

Tetradic Palette

#458BA6 #54AACA #6A3FDE #CA7353 #B4DE3F #C2E462

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54AACA contains 84 red, 170 green, and 202 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