#7FDFA8

#7FDFA8

Color Values

HEX

#7FDFA8

RGB

127, 223, 168

HSL

145.6, 60.0%, 68.6%

HSV

145.6, 43.0%, 87.5%

CMYK

43.0%, 0.0%, 24.7%, 12.5%

OKLCH

0.8296 0.1209 157.3

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7FDFA8

#DF7FB6

Analogous

#86DF7F

#7FDFD8

#7FDFA8

Triadic

#7FDFA8

#A87FDF

#DFA87F

Split Complementary

#7FDFA8

#D87FDF

#DF7F86

Tetradic

#7FDFA8

#7F86DF

#DF7FB6

#DFD87F

Color Blindness Simulation

Original

#7FDFA8

Protanopia

#A9A9B5

Deuteranopia

#A39CB8

Tritanopia

#84C0C2

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C6F1D8
300
#9DE7BC
400
#68D998
500
#33CC74
600
#29A35D
700
#21834A
800
#1A663A
900
#164B2D
950
#0E2F1C

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026