#7FD3A2

#7FD3A2

Color Values

HEX

#7FD3A2

RGB

127, 211, 162

HSL

145,0, 48,8%, 66,3%

HSV

145,0, 39,8%, 82,7%

CMYK

39,8%, 0,0%, 23,2%, 17,3%

OKLCH

0,8 0,1084 157,2

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7FD3A2

#D37FB0

Analogous

#86D37F

#7FD3CC

#7FD3A2

Triadic

#7FD3A2

#A27FD3

#D3A27F

Split Complementary

#7FD3A2

#CC7FD3

#D37F86

Tetradic

#7FD3A2

#7F86D3

#D37FB0

#D3CC7F

Color Blindness Simulation

Original

#7FD3A2

Protanopia

#A3A4AE

Deuteranopia

#9E98B1

Tritanopia

#83B7B9

Achromatopsia

#BEBEBE

CSS Usage

background-color: #7FD3A2;
color: #7FD3A2;
border-color: #7FD3A2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF7
100
#E6F5EC
200
#CAEDD8
300
#A4E0BD
400
#73CF99
500
#41BE75
600
#34985E
700
#2A794B
800
#215F3B
900
#1B462D
950
#112C1C

Contrast Checker

Text on white

1,79:1

AA Fail AAA Fail

Text on black

11,74:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026