#488A76 Color

Color Information

HEX#488A76
RGB72, 138, 118
HSL162° , 31% , 41%
HSV162° , 48% , 54%
CMYK48%, 0%, 14%, 46%

Lighter Shades

#5E9886 #74A697 #8AB4A7 #A0C2B8 #B6D0C8 #CCDED9

Darker Shades

#3F7968 #37695A #2E584C #25483D #1D372F #142721

Complementary Palette

#3E7765 #488A76 #763E4F #89485C #9A6273 #629A89

Analogous Palette

#526F58 #59785F #44826F #488A76 #597278 #648087

Triadic Palette

#3F7968 #488A76 #7A3E93 #8A55A0 #937A3E #816B37

Split Complementary Palette

#417C6A #488A76 #89487C #955A89 #895548 #7B4D41

Square Palette

#3C7463 #488A76 #5B537F #7F5360 #7C8948 #919C65

Tetradic Palette

#3B7161 #488A76 #35549C #89485C #9C7D35 #AE9459

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488A76 contains 72 red, 138 green, and 118 blue.

Contrast Ratio: 4.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.23:1