#48AA98 Color

Color Information

HEX#48AA98
RGB72, 170, 152
HSL169° , 40% , 47%
HSV169° , 58% , 67%
CMYK58%, 0%, 11%, 33%

Lighter Shades

#5EB4A4 #74BEB1 #8AC9BD #A0D3C9 #B6DDD6 #CCE7E2

Darker Shades

#3F9686 #378174 #2E6D61 #25584F #1D443D #14302B

Complementary Palette

#3E9283 #48AA98 #903E4D #A84859 #B46270 #62B6A6

Analogous Palette

#588466 #60906F #44A08F #48AA98 #608190 #6F8895

Triadic Palette

#3F9686 #48AA98 #9E3CB4 #AA53BD #B49E3C #9E8B35

Split Complementary Palette

#419989 #48AA98 #A84889 #B15A95 #A86648 #975C41

Square Palette

#3C8F80 #48AA98 #6B549C #9C5461 #89A848 #9CB665

Tetradic Palette

#3B8B7D #48AA98 #324CBD #A84859 #BDA432 #C9B457

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48AA98 contains 72 red, 170 green, and 152 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1