#487F80 Color

Color Information

HEX#487F80
RGB72, 127, 128
HSL181° , 28% , 39%
HSV181° , 44% , 50%
CMYK44%, 1%, 0%, 50%

Lighter Shades

#5E8E8F #749E9E #8AADAE #A0BCBD #B6CCCC #CCDBDB

Darker Shades

#3F7071 #376161 #2E5152 #254243 #1D3333 #142424

Complementary Palette

#3E6D6E #487F80 #6D3F3E #7F4948 #916262 #629192

Analogous Palette

#4E6A5C #557264 #447778 #487F80 #556372 #5F7081

Triadic Palette

#3F7071 #487F80 #893E88 #975596 #88893E #787937

Split Complementary Palette

#417273 #487F80 #7F4863 #8C5A73 #7F6448 #725A41

Square Palette

#3C6B6C #487F80 #645275 #755252 #637F48 #7C9365

Tetradic Palette

#3B6869 #487F80 #373691 #7F4948 #909136 #A4A55A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #487F80 contains 72 red, 127 green, and 128 blue.

Contrast Ratio: 4.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.67:1