#74EC82

#74EC82

Color Values

HEX

#74EC82

RGB

116, 236, 130

HSL

127,0, 75,9%, 69,0%

HSV

127,0, 50,8%, 92,5%

CMYK

50,8%, 0,0%, 44,9%, 7,5%

OKLCH

0,8487 0,1808 146,1

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#74EC82

#EC74DE

Analogous

#A2EC74

#74ECBE

#74EC82

Triadic

#74EC82

#8274EC

#EC8274

Split Complementary

#74EC82

#BE74EC

#EC74A2

Tetradic

#74EC82

#74A2EC

#EC74DE

#ECBE74

Color Blindness Simulation

Original

#74EC82

Protanopia

#A8A99C

Deuteranopia

#A198A2

Tritanopia

#7AB0B4

Achromatopsia

#CBCBCB

CSS Usage

background-color: #74EC82;
color: #74EC82;
border-color: #74EC82;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF4
100
#E2F9E4
200
#C0F6C7
300
#93F09E
400
#59E86A
500
#1FE035
600
#19B32B
700
#149022
800
#0F701B
900
#0F5217
950
#0A340F

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

14,06:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026