#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026