#74FB86

#74FB86

Color Values

HEX

#74FB86

RGB

116, 251, 134

HSL

128.0, 94.4%, 72.0%

HSV

128.0, 53.8%, 98.4%

CMYK

53.8%, 0.0%, 46.6%, 1.6%

OKLCH

0.8856 0.1972 146.3

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#74FB86

#FB74E9

Analogous

#A6FB74

#74FBCA

#74FB86

Triadic

#74FB86

#8674FB

#FB8674

Split Complementary

#74FB86

#CA74FB

#FB74A6

Tetradic

#74FB86

#74A6FB

#FB74E9

#FBCA74

Color Blindness Simulation

Original

#74FB86

Protanopia

#AEB0A2

Deuteranopia

#A79CA9

Tritanopia

#7BB9BE

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE3
200
#BAFDC3
300
#88FC97
400
#48FA5F
500
#07F827
600
#06C61F
700
#059F19
800
#047C14
900
#075A12
950
#05390C

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026