#54A67C Color

Color Information

HEX#54A67C
RGB84, 166, 124
HSL149° , 33% , 49%
HSV149° , 49% , 65%
CMYK49%, 0%, 25%, 35%

Lighter Shades

#69B18C #7DBB9B #92C6AB #A6D1BB #BBDBCB #CFE6DA

Darker Shades

#4A926D #407E5E #366A4F #2C5640 #224232 #182E23

Complementary Palette

#488F6B #54A67C #8F486C #A6547E #B26C90 #6CB28E

Analogous Palette

#628462 #6B906A #4F9C75 #54A67C #6A908F #759999

Triadic Palette

#4A926D #54A67C #7B47B3 #8B5DBC #B37B47 #9E6C3E

Split Complementary Palette

#4C9570 #54A67C #A554A6 #AE65AF #A65455 #954C4D

Square Palette

#478B68 #54A67C #60619A #9A607E #A6A554 #B4B36F

Tetradic Palette

#458866 #54A67C #3D7FBD #A6547E #BD7B3D #C99360

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A67C contains 84 red, 166 green, and 124 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.23:1