#488e70

Color #488e70

A muted medium green.

Closest named color Sea Green #2e8b57 · ΔE 15.02 Nearest Tailwind class emerald-600 #009966 · ΔE 7.1

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

Conversions

HEX

#488e70

RGB

rgb(72, 142, 112)

HSL

hsl(154.3, 32.7%, 42%)

HSV / HSB

hsv(154.3, 49.3%, 55.7%)

CMYK

cmyk(49.3%, 0%, 21.1%, 44.3%)

LAB

lab(53.91, -29.54, 9.27)

LCH

lch(53.91, 30.96, 162.58)

OKLCH

oklch(59.2%, 0.0855, 163.83)

HWB

hwb(154.3, 28.2%, 44.3%)

Harmony colors

Complementary

#8e4866

Analogous

#488e4d

#488e70

#48898e

Triadic

#488e70

#70488e

#8e7048

Split-complementary

#488e70

#8e4889

#8e4d48

Tetradic

#488e70

#48668e

#8e4866

#8e7048

Square

#488e70

#4d488e

#8e4866

#898e48

Shades

Color #488e70 mixed toward black.

#3c765d

#305f4b

#244738

#182f25

#0c1813

Tints

Color #488e70 mixed toward white.

#5bac8a

#7cbda1

#9dcdb9

#beded0

#deeee8

Tones

Color #488e70 mixed toward gray.

#4e886f

#54826e

#5a7d6e

#5f776d

#65716c

Accessibility

Aa White text on this color

3.9:1

Aa Black text on this color

5.38:1

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

Under color vision deficiencies

Protanopia

#6d6e78 · ΔE 26.1

Deuteranopia

#69647a · ΔE 31.4

Tritanopia

#4d7e7f · ΔE 13.3

Achromatopsia

#818181 · ΔE 21.8

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

Code

CSS

background-color: #488e70;

Tailwind (arbitrary value)

bg-[#488e70]

Related colors

Medium Spring Green #00fa9a

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Medium Sea Green #3cb371

Frequently asked questions

#488e70 (#488e70) is rgb(72, 142, 112) in RGB.

No, #488e70 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 #488e70, or check how it holds up for accessibility.

Generate a palette → Check contrast