#74edc3

Color #74edc3

A vivid, highly saturated light green.

Closest named color Aquamarine #7fffd4 · ΔE 6.15 Nearest Tailwind class emerald-300 #5ee9b5 · ΔE 2.9

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

Conversions

HEX

#74edc3

RGB

rgb(116, 237, 195)

HSL

hsl(159.2, 77.1%, 69.2%)

HSV / HSB

hsv(159.2, 51.1%, 92.9%)

CMYK

cmyk(51.1%, 0%, 17.7%, 7.1%)

LAB

lab(86.12, -43.83, 10.03)

LCH

lch(86.12, 44.96, 167.11)

OKLCH

oklch(86.5%, 0.1256, 168.19)

HWB

hwb(159.2, 45.5%, 7.1%)

Harmony colors

Complementary

#ed749e

Analogous

#74ed86

#74edc3

#74daed

Triadic

#74edc3

#c374ed

#edc374

Split-complementary

#74edc3

#ed74da

#ed8674

Tetradic

#74edc3

#749eed

#ed749e

#edc374

Square

#74edc3

#8674ed

#ed749e

#daed74

Shades

Color #74edc3 mixed toward black.

#40e6ad

#1bd091

#149c6d

#0d6849

#073424

Tints

Color #74edc3 mixed toward white.

#8bf0cd

#a2f3d7

#b9f6e1

#d1f9eb

#e8fcf5

Tones

Color #74edc3 mixed toward gray.

#7ee3c0

#88d9bd

#92cfba

#9cc5b7

#a6bbb4

Accessibility

Aa White text on this color

1.43:1

Aa Black text on this color

14.64:1

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

Under color vision deficiencies

Protanopia

#b6b7ce · ΔE 30.8

Deuteranopia

#afa5d1 · ΔE 37.1

Tritanopia

#7ed7d8 · ΔE 14.6

Achromatopsia

#d7d7d7 · ΔE 24.4

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

Code

CSS

background-color: #74edc3;

Tailwind (arbitrary value)

bg-[#74edc3]

Related colors

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Medium Spring Green #00fa9a

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#74edc3 (#74edc3) is rgb(116, 237, 195) in RGB.

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

Generate a palette → Check contrast