#54AA8E Color

Color Information

HEX#54AA8E
RGB84, 170, 142
HSL160° , 34% , 50%
HSV160° , 51% , 67%
CMYK51%, 0%, 16%, 33%

Lighter Shades

#69B49C #7DBEA9 #92C9B7 #A6D3C4 #BBDDD2 #CFE7DF

Darker Shades

#4A967D #40816C #366D5B #2C584A #224439 #183028

Complementary Palette

#48927A #54AA8E #934861 #AB5471 #B76C85 #6CB69E

Analogous Palette

#64876A #6C9373 #4FA085 #54AA8E #6C8C93 #78959B

Triadic Palette

#4A967D #54AA8E #9247B8 #9F5DC1 #B89247 #A2803E

Split Complementary Palette

#4C9980 #54AA8E #AB549C #B365A6 #AB6354 #9A594C

Square Palette

#478F77 #54AA8E #6B619E #9E6175 #9CAB54 #ACB86F

Tetradic Palette

#458B74 #54AA8E #3D69C2 #AB5471 #C2963D #CDA960

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54AA8E contains 84 red, 170 green, and 142 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.63:1