#7CFDB2

#7CFDB2

Color Values

HEX

#7CFDB2

RGB

124, 253, 178

HSL

145,1, 97,0%, 73,9%

HSV

145,1, 51,0%, 99,2%

CMYK

51,0%, 0,0%, 29,6%, 0,8%

OKLCH

0,9013 0,1562 155,9

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#7CFDB2

#FD7CC7

Analogous

#86FD7C

#7CFDF2

#7CFDB2

Triadic

#7CFDB2

#B27CFD

#FDB27C

Split Complementary

#7CFDB2

#F27CFD

#FD7C86

Tetradic

#7CFDB2

#7C86FD

#FD7CC7

#FDF27C

Color Blindness Simulation

Original

#7CFDB2

Protanopia

#B4B5C4

Deuteranopia

#ACA3C8

Tritanopia

#82D2D6

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B9FED6
300
#86FDB8
400
#45FC92
500
#04FB6B
600
#03C956
700
#02A145
800
#027E36
900
#065B2A
950
#04391A

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026