#7FE0BB

#7FE0BB

Color Values

HEX

#7FE0BB

RGB

127, 224, 187

HSL

157.1, 61.0%, 68.8%

HSV

157.1, 43.3%, 87.8%

CMYK

43.3%, 0.0%, 16.5%, 12.2%

OKLCH

0.8366 0.1069 167.1

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7FE0BB

#E07FA4

Analogous

#7FE08A

#7FD4E0

#7FE0BB

Triadic

#7FE0BB

#BB7FE0

#E0BB7F

Split Complementary

#7FE0BB

#E07FD4

#E08A7F

Tetradic

#7FE0BB

#8A7FE0

#E07FA4

#D4E07F

Color Blindness Simulation

Original

#7FE0BB

Protanopia

#A9AAC4

Deuteranopia

#A39CC6

Tritanopia

#84CBCD

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E4F6EF
200
#C6F1E0
300
#9CE7CB
400
#67DAAE
500
#32CD92
600
#28A475
700
#20835D
800
#196749
900
#164B37
950
#0E2F23

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.28: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