#7dd2af hex color

In a RGB color space, hex #7dd2af is composed of 49% red, 82.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 0% magenta, 16.7% yellow and 17.6% black. It has a hue angle of 155.3 degrees, a saturation of 48.6% and a lightness of 65.7%. #7dd2af color hex could be obtained by blending #faffff with #00a55f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 49
- G 82
- B 69
RGB color chart
- C 40
- M 0
- Y 17
- K 18
CMYK color chart

● #7dd2af color description : Slightly desaturated cyan - lime green.

The hexadecimal color #7dd2af has RGB values of R:125, G:210, B:175 and CMYK values of C:0.4, M:0, Y:0.17, K:0.18. Its decimal value is 8245935.

Hex triplet	7dd2af	`#7dd2af`
RGB Decimal	125, 210, 175	`rgb(125,210,175)`
RGB Percent	49, 82.4, 68.6	`rgb(49%,82.4%,68.6%)`
CMYK	40, 0, 17, 18
HSL	155.3°, 48.6, 65.7	`hsl(155.3,48.6%,65.7%)`
HSV (or HSB)	155.3°, 40.5, 82.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	78.196, -33.714, 9.328
XYZ	39.239, 53.546, 48.823
xyY	0.277, 0.378, 53.546
CIE-LCH	78.196, 34.981, 164.535
CIE-LUV	78.196, -39.768, 19.302
Hunter-Lab	73.175, -32.338, 11.664
Binary	01111101, 11010010, 10101111

#7dd2af
```
#7dd2af rgb(125,210,175)
```
#d27da0
```
#d27da0 rgb(210,125,160)
```

Complementary Color

#7dd285
```
#7dd285 rgb(125,210,133)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#7dcbd2
```
#7dcbd2 rgb(125,203,210)
```

Analogous Color

#d2857d
```
#d2857d rgb(210,133,125)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#d27dcb
```
#d27dcb rgb(210,125,203)
```

Split Complementary Color

#d2af7d
```
#d2af7d rgb(210,175,125)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#af7dd2
```
#af7dd2 rgb(175,125,210)
```

Triadic Color

#a0d27d
```
#a0d27d rgb(160,210,125)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#af7dd2
```
#af7dd2 rgb(175,125,210)
```
#d27da0
```
#d27da0 rgb(210,125,160)
```

Tetradic Color

#44be8c
```
#44be8c rgb(68,190,140)
```
#57c598
```
#57c598 rgb(87,197,152)
```
#6acba3
```
#6acba3 rgb(106,203,163)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#90d9bb
```
#90d9bb rgb(144,217,187)
```
#a3dfc6
```
#a3dfc6 rgb(163,223,198)
```
#b6e6d2
```
#b6e6d2 rgb(182,230,210)
```

Monochromatic Color

Below, you can see some colors close to #7dd2af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#7dd29a
```
#7dd29a rgb(125,210,154)
```
#7dd2a1
```
#7dd2a1 rgb(125,210,161)
```
#7dd2a8
```
#7dd2a8 rgb(125,210,168)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#7dd2b6
```
#7dd2b6 rgb(125,210,182)
```
#7dd2bd
```
#7dd2bd rgb(125,210,189)
```
#7dd2c4
```
#7dd2c4 rgb(125,210,196)
```

Similar Colors

Text with hexadecimal color #7dd2af

This text has a font color of #7dd2af.

<span style="color:#7dd2af;">Text here</span>

#7dd2af background color

This paragraph has a background color of #7dd2af.

<p style="background-color:#7dd2af;">Content here</p>

#7dd2af border color

This element has a border color of #7dd2af.

<div style="border:1px solid #7dd2af;">Content here</div>

CSS codes

.text {color:#7dd2af;}

.background {background-color:#7dd2af;}

.border {border:1px solid #7dd2af;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000101 is the darkest color, while #f2faf7 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#05100b
```
#05100b rgb(5,16,11)
```
#0a1e16
```
#0a1e16 rgb(10,30,22)
```
#102d21
```
#102d21 rgb(16,45,33)
```
#153b2b
```
#153b2b rgb(21,59,43)
```
#1a4a36
```
#1a4a36 rgb(26,74,54)
```
#1f5941
```
#1f5941 rgb(31,89,65)
```
#24674b
```
#24674b rgb(36,103,75)
```
#297656
```
#297656 rgb(41,118,86)
```
#2e8461
```
#2e8461 rgb(46,132,97)
```
#33936b
```
#33936b rgb(51,147,107)
```
#38a176
```
#38a176 rgb(56,161,118)
```
#3db081
```
#3db081 rgb(61,176,129)
```

Shade Color Variation

#43be8b
```
#43be8b rgb(67,190,139)
```
#51c394
```
#51c394 rgb(81,195,148)
```
#60c89d
```
#60c89d rgb(96,200,157)
```
#6ecda6
```
#6ecda6 rgb(110,205,166)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#8cd7b8
```
#8cd7b8 rgb(140,215,184)
```
#9adcc1
```
#9adcc1 rgb(154,220,193)
```
#a9e1ca
```
#a9e1ca rgb(169,225,202)
```
#b7e6d3
```
#b7e6d3 rgb(183,230,211)
```
#c6ebdc
```
#c6ebdc rgb(198,235,220)
```
#d4f0e5
```
#d4f0e5 rgb(212,240,229)
```
#e3f5ee
```
#e3f5ee rgb(227,245,238)
```
#f2faf7
```
#f2faf7 rgb(242,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a5aaa8 is the less saturated color, while #55fab6 is the most saturated one.

#a5aaa8
```
#a5aaa8 rgb(165,170,168)
```
#9fb0a9
```
#9fb0a9 rgb(159,176,169)
```
#98b7aa
```
#98b7aa rgb(152,183,170)
```
#91beab
```
#91beab rgb(145,190,171)
```
#8ac5ad
```
#8ac5ad rgb(138,197,173)
```
#84cbae
```
#84cbae rgb(132,203,174)
```
#7dd2af
```
#7dd2af rgb(125,210,175)
```
#76d9b0
```
#76d9b0 rgb(118,217,176)
```
#70dfb1
```
#70dfb1 rgb(112,223,177)
```
#69e6b3
```
#69e6b3 rgb(105,230,179)
```
#62edb4
```
#62edb4 rgb(98,237,180)
```
#5bf4b5
```
#5bf4b5 rgb(91,244,181)
```
#55fab6
```
#55fab6 rgb(85,250,182)
```

Tone Color Variation

Below, you can see how #7dd2af is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b5b5b5 Achromatopsia 0.005% of the population
#aabbb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc4ab Protanopia 1% of men
#dabeba Deuteranopia 1% of men
#90cedd Tritanopia 0.001% of the population

Trichromacy

#b0c9ac Protanomaly 1% of men, 0.01% of women
#b8c5b6 Deuteranomaly 6% of men, 0.4% of women
#89cfcc Tritanomaly 0.01% of the population

#7dd2af hex color

#7dd2af Color Information

#7dd2af Color Conversion

Color Schemes with #7dd2af

Alternatives to #7dd2af

#7dd2af Preview

Shades and Tints of #7dd2af

Tones of #7dd2af

Color Blindness Simulator