#487c8a

Color #487c8a

A muted medium cyan.

Closest named color Slate Gray #708090 · ΔE 12.12 Nearest Tailwind class cyan-700 #007595 · ΔE 7.2

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#487c8a

RGB

rgb(72, 124, 138)

HSL

hsl(192.7, 31.4%, 41.2%)

HSV / HSB

hsv(192.7, 47.8%, 54.1%)

CMYK

cmyk(47.8%, 10.1%, 0%, 45.9%)

LAB

lab(49.04, -13.39, -13.01)

LCH

lch(49.04, 18.67, 224.18)

OKLCH

oklch(55.5%, 0.0596, 217.02)

HWB

hwb(192.7, 28.2%, 45.9%)

Harmony colors

Complementary

#8a5648

Analogous

#488a77

#487c8a

#485b8a

Triadic

#487c8a

#8a487c

#7c8a48

Split-complementary

#487c8a

#8a485b

#8a7748

Tetradic

#487c8a

#56488a

#8a5648

#7c8a48

Square

#487c8a

#77488a

#8a5648

#5b8a48

Shades

Color #487c8a mixed toward black.

#3c6773

#30535c

#243e45

#18292e

#0c1517

Tints

Color #487c8a mixed toward white.

#5b99a9

#7cadba

#9cc2cc

#bdd6dd

#deebee

Tones

Color #487c8a mixed toward gray.

#4e7985

#53767f

#59737a

#5e6f74

#646c6f

Accessibility

Aa White text on this color

4.64:1

Aa Black text on this color

4.53:1

White text reads better on this background (4.64:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#636387 · ΔE 21.7

Deuteranopia

#605c86 · ΔE 23.2

Tritanopia

#4c8484 · ΔE 7.3

Achromatopsia

#757575 · ΔE 15.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #487c8a;

Tailwind (arbitrary value)

bg-[#487c8a]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Powder Blue #b0e0e6

Light Sky Blue #87cefa

Cadet Blue #5f9ea0

Frequently asked questions

#487c8a (#487c8a) is rgb(72, 124, 138) in RGB.

No, #487c8a is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #487c8a, or check how it holds up for accessibility.

Generate a palette → Check contrast