#54A67D Color

Color Information

HEX#54A67D
RGB84, 166, 125
HSL150° , 33% , 49%
HSV150° , 49% , 65%
CMYK49%, 0%, 25%, 35%

Lighter Shades

#69B18D #7DBB9C #92C6AC #A6D1BB #BBDBCB #CFE6DB

Darker Shades

#4A926E #407E5F #366A50 #2C5641 #224232 #182E23

Complementary Palette

#488F6C #54A67D #8F486C #A6547D #B26C8F #6CB28F

Analogous Palette

#628462 #6A906A #4F9C76 #54A67D #6A9090 #759999

Triadic Palette

#4A926E #54A67D #7D47B3 #8D5DBC #B37D47 #9E6E3E

Split Complementary Palette

#4C9571 #54A67D #A654A6 #AF65AF #A65454 #954C4C

Square Palette

#478B69 #54A67D #60609A #9A607D #A6A654 #B4B46F

Tetradic Palette

#458867 #54A67D #3D7DBD #A6547D #BD7D3D #C99460

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A67D contains 84 red, 166 green, and 125 blue.

Contrast Ratio: 2.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.23:1