#548C85 Color

Color Information

HEX#548C85
RGB84, 140, 133
HSL173° , 25% , 44%
HSV173° , 40% , 55%
CMYK40%, 0%, 5%, 45%

Lighter Shades

#699A94 #7DA8A2 #92B5B1 #A6C3C0 #BBD1CE #CFDFDD

Darker Shades

#4A7B75 #406A65 #365A55 #2C4945 #223835 #182725

Complementary Palette

#487872 #548C85 #78484E #8C545B #9C6C72 #6C9C96

Analogous Palette

#577563 #5F816D #4F847D #548C85 #5F7481 #687F8D

Triadic Palette

#4A7B75 #548C85 #904997 #9D5FA3 #979049 #857F40

Split Complementary Palette

#4C7E78 #548C85 #8C5477 #986585 #8C6A54 #7E5F4C

Square Palette

#477670 #548C85 #6D5F81 #815F63 #778C54 #8D9E6F

Tetradic Palette

#45736D #548C85 #404BA0 #8C545B #A09740 #B1AA62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #548C85 contains 84 red, 140 green, and 133 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1