#487F6C

Color Details

HEX
#487F6C
RGB
rgb(72, 127, 108)
HSL
hsl(159, 28%, 39%)
CMYK
cmyk(43%, 0%, 15%, 50%)
Best text on this color #FFFFFF (CR 4.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #487f6c
Contrast 4.53:1 AA
White on #487f6c
Contrast 4.64:1 AA
#487f6c on Black
Contrast 4.53:1 AA
#487f6c on White
Contrast 4.64:1 AA

Tints & Shades

#6d9989
#91b2a7
#b6ccc4
#3a6656
#2b4c41
#1d332b

Complement & Analogous

#7f485b
#48777f
#487f50

Triadic

#6c487f
#7f6c48

Monochrome

#1d332b #2b4c41 #487f6c #91b2a7 #b6ccc4 #dae5e2

Analogous

#487f50 #7fa585 #487f6c #6d9299 #48777f #3a5f66

Complementary Mix

#2b4c41 #487f6c #91b2a7 #7f485b #ac8894 #532f3b

Nearby Colors

#487f6b
#487f6d
#487f5c
#487f7c

Embed #487F6C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #487F6C

#487F6C converts to RGB(72, 127, 108) and HSL(159, 28%, 39%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#487F6C FAQs

What is the RGB value of #487F6C?
RGB: 72, 127, 108. Copy as CSS: rgb(72, 127, 108)
Is #487F6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #487F6C?
Complement: #7f485b.
Does #487F6C have good contrast on white or black?
On white: 4.64:1 (AA (normal text)). On black: 4.53:1 (AA (normal text)).