#548EAC Color

Color Information

HEX#548EAC
RGB84, 142, 172
HSL200° , 35% , 50%
HSV200° , 51% , 67%
CMYK51%, 17%, 0%, 33%

Lighter Shades

#699CB6 #7DA9C0 #92B7CA #A6C4D4 #BBD2DE #CFDFE8

Darker Shades

#4A7D97 #406C83 #365B6E #2C4A59 #223945 #182830

Complementary Palette

#487A94 #548EAC #946147 #AC7153 #B8856B #6C9EB8

Analogous Palette

#648781 #6C938C #4F85A2 #548EAC #6C7393 #787E9B

Triadic Palette

#4A7D97 #548EAC #B94693 #C15CA0 #93B946 #81A33E

Split Complementary Palette

#4C809B #548EAC #AC5362 #B46472 #AC9D53 #9B8D4B

Square Palette

#477790 #548EAC #95609F #9F7560 #62AC53 #7BB96F

Tetradic Palette

#45748D #548EAC #693CC3 #AC7153 #96C33C #A9CE5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #548EAC contains 84 red, 142 green, and 172 blue.

Contrast Ratio: 3.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.92:1