#7FE4AB

#7FE4AB

Color Values

HEX

#7FE4AB

RGB

127, 228, 171

HSL

146.1, 65.2%, 69.6%

HSV

146.1, 44.3%, 89.4%

CMYK

44.3%, 0.0%, 25.0%, 10.6%

OKLCH

0.8421 0.1255 157.5

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7FE4AB

#E47FB8

Analogous

#86E47F

#7FE4DD

#7FE4AB

Triadic

#7FE4AB

#AB7FE4

#E4AB7F

Split Complementary

#7FE4AB

#DD7FE4

#E47F86

Tetradic

#7FE4AB

#7F86E4

#E47FB8

#E4DD7F

Color Blindness Simulation

Original

#7FE4AB

Protanopia

#ABACB9

Deuteranopia

#A59DBC

Tritanopia

#84C4C6

Achromatopsia

#CACACA

CSS Usage

background-color: #7FE4AB;
color: #7FE4AB;
border-color: #7FE4AB;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C4F3D8
300
#9AEABD
400
#63DE99
500
#2CD375
600
#23A95D
700
#1C874B
800
#16693A
900
#144D2D
950
#0D311C

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.59:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026