#7CD08D Color Information

Hex color code: #7CD08D

The hex color #7CD08D is a gentle green with RGB values of (124, 208, 141) and HSL of (132°, 47%, 65%). It is frequently seen in web interfaces.

Try:
Color NameDark Sea Green
HEX
#7CD08D
RGB
124, 208, 141
HSL
132°, 47%, 65%
CMYK
40%, 0%, 32%, 18%

Shades

CSS Usage
color: #7CD08D;
background-color: #7CD08D;
border-color: #7CD08D;
box-shadow: 0 0 10px #7CD08D;
border: 2px solid #7CD08D;
Tailwind Usage
bg-[#7CD08D]
text-[#7CD08D]
border-[#7CD08D]
shadow-[0_0_10px_7CD08D]

Generate Gradient

→
Gradient CSS
background: linear-gradient(90deg, #7CD08D, #FF5733);

Preview in UI

Button

.btn-primary { background-color: #7CD08D; color: #000000; }

Badge

New Feature
.badge { background-color: #7CD08D; color: #000000; }

Text Highlight

The quick brown fox jumps over the lazy dog. highlighted text example shows how the color looks as a text highlight.

Card

Card Title

This card uses your color as a border accent.

.card-accent { border: 2px solid #7CD08D; background-color: #7CD08D15; }

Alert / Toast

This is an alert using your color as accent.
.alert { background-color: #7CD08D20; border-left: 4px solid #7CD08D; }

Link / Accent

This is a paragraph with a link using your color. The color can be applied to interactive elements.

a { color: #7CD08D; }

Related Colors

Complementary

Analogous

Triadic

Split Complementary

Tetradic

Monochromatic

Popular Colors

Common HEX Colors

Color Theory

Relationships based on the position of #7CD08D in the color wheel.

● Current● Complementary● Triadic● Analogous

RGB, HSL and CMYK Values

RGB

124, 208, 141

Red: 124 / Green: 208 / Blue: 141

HSL

132°, 47%, 65%

Hue: 132° / Saturation: 47% / Lightness: 65%

CMYK

40%, 0%, 32%, 18%

Cyan: 40% / Magenta: 0% / Yellow: 32% / Key: 18%

What color is #7CD08D?

#7CD08D is a green hue associated with nature and harmony.

Color Shades

FFFFFF
D8F1DD
B0E3BB
89D598

Complementary Colors

D07CBF

Color Palette

D07CBFComplementary
95D07CAnalogous
7CD0B7
8D7CD0Triadic
D08D7C
2F8340Shade
44BB5CShade
B4E4BEShade
ECF8EFShade

HEX to RGB

Convert #7CD08D to RGB:

rgb(124, 208, 141)HEX to RGB Converter →

HEX to HSL

Convert #7CD08D to HSL:

hsl(132, 47%, 65%)RGB to HSL Converter →

HEX to CMYK

Convert #7CD08D to CMYK:

cmyk(40%, 0%, 32%, 18%)Color Converter →

Color Meaning and Usage

#7CD08D is a delicate green color with RGB values of 124, 208, 141 and HSL of 132°, 47%, 65%. This green hue evokes nature and harmony, making it suitable for often used for buttons, highlights, and accents. Lighter variations like #FFFFFF create softer gradients.

The complementary color of #7CD08D is #D07CBF, creating high-contrast pairings. For softer combinations, try analogous colors like #95D07C.

Use #7CD08D in CSS: color: #7CD08D or background-color: #7CD08D. Create palettes with Color Palette Generator or check contrast with Contrast Checker.

Contrast with #7CD08D

Sample text on this color - The quick brown fox jumps over the lazy dog.

Contrast Ratio: 11.26:1
WCAG AA: Pass
WCAG AAA: Pass

Need more control? Contrast Checker →

Frequently Asked Questions

What color is #7CD08D?

#7CD08D is a delicate green color - a green hue that evokes nature and harmony.

What is the RGB value of #7CD08D?

#7CD08D in RGB is (124, 208, 141) - 124 red, 208 green, and 141 blue.

How to use #7CD08D in CSS?

Use #7CD08D directly in your CSS properties like color or background-color.

What colors go well with #7CD08D?

#D07CBF (complementary), #95D07C (analogous), and #44BB5C (lighter shade) work well with #7CD08D.