#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

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