#7DFCCB

#7DFCCB

Color Values

HEX

#7DFCCB

RGB

125, 252, 203

HSL

156.9, 95.5%, 73.9%

HSV

156.9, 50.4%, 98.8%

CMYK

50.4%, 0.0%, 19.4%, 1.2%

OKLCH

0.905 0.134 165.9

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7DFCCB

#FC7DAE

Analogous

#7DFC8C

#7DEDFC

#7DFCCB

Triadic

#7DFCCB

#CB7DFC

#FCCB7D

Split Complementary

#7DFCCB

#FC7DED

#FC8C7D

Tetradic

#7DFCCB

#8C7DFC

#FC7DAE

#EDFC7D

Color Blindness Simulation

Original

#7DFCCB

Protanopia

#B4B5D7

Deuteranopia

#ADA3DA

Tritanopia

#83E0E2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DFFCF0
200
#B9FDE3
300
#87FCCF
400
#47FBB5
500
#06F99C
600
#05C77C
700
#04A064
800
#037D4E
900
#075A3A
950
#043925

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.66:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026