#7DFBC9

#7DFBC9

Color Values

HEX

#7DFBC9

RGB

125, 251, 201

HSL

156,2, 94,0%, 73,7%

HSV

156,2, 50,2%, 98,4%

CMYK

50,2%, 0,0%, 19,9%, 1,6%

OKLCH

0,9022 0,1341 165,3

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7DFBC9

#FB7DAF

Analogous

#7DFB8A

#7DEEFB

#7DFBC9

Triadic

#7DFBC9

#C97DFB

#FBC97D

Split Complementary

#7DFBC9

#FB7DEE

#FB8A7D

Tetradic

#7DFBC9

#8A7DFB

#FB7DAF

#EEFB7D

Color Blindness Simulation

Original

#7DFBC9

Protanopia

#B4B5D5

Deuteranopia

#ACA3D8

Tritanopia

#83DFE1

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFDE2
300
#88FBCE
400
#48F9B3
500
#08F798
600
#06C67A
700
#059E61
800
#047C4C
900
#075939
950
#053824

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026