#7CFEBD

#7CFEBD

Color Values

HEX

#7CFEBD

RGB

124, 254, 189

HSL

150.0, 98.5%, 74.1%

HSV

150.0, 51.2%, 99.6%

CMYK

51.2%, 0.0%, 25.6%, 0.4%

OKLCH

0.906 0.1482 159.6

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7CFEBD

#FE7CBD

Analogous

#7CFE7C

#7CFEFE

#7CFEBD

Triadic

#7CFEBD

#BD7CFE

#FEBD7C

Split Complementary

#7CFEBD

#FE7CFE

#FE7C7C

Tetradic

#7CFEBD

#7C7CFE

#FE7CBD

#FEFE7C

Color Blindness Simulation

Original

#7CFEBD

Protanopia

#B4B5CD

Deuteranopia

#ADA3D0

Tritanopia

#82D9DC

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FEDB
300
#86FEC2
400
#44FEA1
500
#02FD80
600
#02CA66
700
#01A252
800
#017F40
900
#055B30
950
#033A1F

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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