#42a984

Color #42a984

A moderately saturated medium green.

Closest named color Medium Aquamarine #66cdaa · ΔE 13.19 Nearest Tailwind class emerald-600 #009966 · ΔE 7.3

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

Conversions

HEX

#42a984

RGB

rgb(66, 169, 132)

HSL

hsl(158.4, 43.8%, 46.1%)

HSV / HSB

hsv(158.4, 60.9%, 66.3%)

CMYK

cmyk(60.9%, 0%, 21.9%, 33.7%)

LAB

lab(62.67, -38.79, 10.37)

LCH

lch(62.67, 40.15, 165.03)

OKLCH

oklch(66.5%, 0.1109, 166.18)

HWB

hwb(158.4, 25.9%, 33.7%)

Harmony colors

Complementary

#a94267

Analogous

#42a950

#42a984

#429ba9

Triadic

#42a984

#8442a9

#a98442

Split-complementary

#42a984

#a9429b

#a95042

Tetradic

#42a984

#4267a9

#a94267

#a98442

Square

#42a984

#5042a9

#a94267

#9ba942

Shades

Color #42a984 mixed toward black.

#378d6e

#2c7158

#215542

#16382c

#0b1c16

Tints

Color #42a984 mixed toward white.

#5abf9b

#7bccaf

#9cd8c3

#bde5d7

#def2eb

Tones

Color #42a984 mixed toward gray.

#4ba082

#53987f

#5c8f7d

#64877a

#6d7e78

Accessibility

Aa White text on this color

2.9:1

Aa Black text on this color

7.24:1

Black text reads better on this background (7.24:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#7c7d8e · ΔE 29.7

Deuteranopia

#776e90 · ΔE 36.1

Tritanopia

#4c9597 · ΔE 15.1

Achromatopsia

#989898 · ΔE 23.8

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

Code

CSS

background-color: #42a984;

Tailwind (arbitrary value)

bg-[#42a984]

Related colors

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Medium Spring Green #00fa9a

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#42a984 (#42a984) is rgb(66, 169, 132) in RGB.

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

Generate a palette → Check contrast