#548D96 Color

Color Information

HEX#548D96
RGB84, 141, 150
HSL188° , 28% , 46%
HSV188° , 44% , 59%
CMYK44%, 6%, 0%, 41%

Lighter Shades

#699BA3 #7DA8AF #92B6BC #A6C4C8 #BBD1D5 #CFDFE2

Darker Shades

#4A7C84 #406B72 #365A60 #2C494E #22383C #18272A

Complementary Palette

#487981 #548D96 #815048 #965D54 #A5746C #6C9DA5

Analogous Palette

#5B7B6F #64877A #4F858D #548D96 #647187 #6C7B93

Triadic Palette

#4A7C84 #548D96 #A24996 #AD5FA3 #96A249 #848F40

Split Complementary Palette

#4C7F87 #548D96 #96546D #A1657C #967E54 #87714C

Square Palette

#47767E #548D96 #7B608A #8A6660 #6D9654 #84A76F

Tetradic Palette

#45747B #548D96 #4E3FAB #965D54 #9DAB3F #AFBA62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #548D96 contains 84 red, 141 green, and 150 blue.

Contrast Ratio: 3.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.7:1