#7dd2c6 hex color

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

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

● #7dd2c6 color description : Slightly desaturated cyan.

The hexadecimal color #7dd2c6 has RGB values of R:125, G:210, B:198 and CMYK values of C:0.4, M:0, Y:0.06, K:0.18. Its decimal value is 8245958.

Hex triplet	7dd2c6	`#7dd2c6`
RGB Decimal	125, 210, 198	`rgb(125,210,198)`
RGB Percent	49, 82.4, 77.6	`rgb(49%,82.4%,77.6%)`
CMYK	40, 0, 6, 18
HSL	171.5°, 48.6, 65.7	`hsl(171.5,48.6%,65.7%)`
HSV (or HSB)	171.5°, 40.5, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.769, -28.574, -2.154
XYZ	41.694, 54.528, 61.751
xyY	0.264, 0.345, 54.528
CIE-LCH	78.769, 28.655, 184.311
CIE-LUV	78.769, -39.142, 1.375
Hunter-Lab	73.843, -28.439, 2.109
Binary	01111101, 11010010, 11000110

#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#d27d89
```
#d27d89 rgb(210,125,137)
```

Complementary Color

#7dd29c
```
#7dd29c rgb(125,210,156)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#7db4d2
```
#7db4d2 rgb(125,180,210)
```

Analogous Color

#d29c7d
```
#d29c7d rgb(210,156,125)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#d27db4
```
#d27db4 rgb(210,125,180)
```

Split Complementary Color

#d2c67d
```
#d2c67d rgb(210,198,125)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#c67dd2
```
#c67dd2 rgb(198,125,210)
```

Triadic Color

#89d27d
```
#89d27d rgb(137,210,125)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#c67dd2
```
#c67dd2 rgb(198,125,210)
```
#d27d89
```
#d27d89 rgb(210,125,137)
```

Tetradic Color

#44bead
```
#44bead rgb(68,190,173)
```
#57c5b5
```
#57c5b5 rgb(87,197,181)
```
#6acbbe
```
#6acbbe rgb(106,203,190)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#90d9ce
```
#90d9ce rgb(144,217,206)
```
#a3dfd7
```
#a3dfd7 rgb(163,223,215)
```
#b6e6df
```
#b6e6df rgb(182,230,223)
```

Monochromatic Color

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

#7dd2b1
```
#7dd2b1 rgb(125,210,177)
```
#7dd2b8
```
#7dd2b8 rgb(125,210,184)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#7dd2cd
```
#7dd2cd rgb(125,210,205)
```
#7dd0d2
```
#7dd0d2 rgb(125,208,210)
```
#7dc9d2
```
#7dc9d2 rgb(125,201,210)
```

Similar Colors

Text with hexadecimal color #7dd2c6

This text has a font color of #7dd2c6.

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

#7dd2c6 background color

This paragraph has a background color of #7dd2c6.

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

#7dd2c6 border color

This element has a border color of #7dd2c6.

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

CSS codes

.text {color:#7dd2c6;}

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

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

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 #f2faf9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#05100e
```
#05100e rgb(5,16,14)
```
#0a1e1b
```
#0a1e1b rgb(10,30,27)
```
#102d29
```
#102d29 rgb(16,45,41)
```
#153b36
```
#153b36 rgb(21,59,54)
```
#1a4a43
```
#1a4a43 rgb(26,74,67)
```
#1f5950
```
#1f5950 rgb(31,89,80)
```
#24675e
```
#24675e rgb(36,103,94)
```
#29766b
```
#29766b rgb(41,118,107)
```
#2e8478
```
#2e8478 rgb(46,132,120)
```
#339385
```
#339385 rgb(51,147,133)
```
#38a193
```
#38a193 rgb(56,161,147)
```
#3db0a0
```
#3db0a0 rgb(61,176,160)
```

Shade Color Variation

#43beac
```
#43beac rgb(67,190,172)
```
#51c3b3
```
#51c3b3 rgb(81,195,179)
```
#60c8b9
```
#60c8b9 rgb(96,200,185)
```
#6ecdc0
```
#6ecdc0 rgb(110,205,192)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#8cd7cc
```
#8cd7cc rgb(140,215,204)
```
#9adcd3
```
#9adcd3 rgb(154,220,211)
```
#a9e1d9
```
#a9e1d9 rgb(169,225,217)
```
#b7e6e0
```
#b7e6e0 rgb(183,230,224)
```
#c6ebe6
```
#c6ebe6 rgb(198,235,230)
```
#d4f0ec
```
#d4f0ec rgb(212,240,236)
```
#e3f5f3
```
#e3f5f3 rgb(227,245,243)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#a5aaa9
```
#a5aaa9 rgb(165,170,169)
```
#9fb0ae
```
#9fb0ae rgb(159,176,174)
```
#98b7b3
```
#98b7b3 rgb(152,183,179)
```
#91beb8
```
#91beb8 rgb(145,190,184)
```
#8ac5bc
```
#8ac5bc rgb(138,197,188)
```
#84cbc1
```
#84cbc1 rgb(132,203,193)
```
#7dd2c6
```
#7dd2c6 rgb(125,210,198)
```
#76d9cb
```
#76d9cb rgb(118,217,203)
```
#70dfd0
```
#70dfd0 rgb(112,223,208)
```
#69e6d4
```
#69e6d4 rgb(105,230,212)
```
#62edd9
```
#62edd9 rgb(98,237,217)
```
#5bf4de
```
#5bf4de rgb(91,244,222)
```
#55fae3
```
#55fae3 rgb(85,250,227)
```

Tone Color Variation

Below, you can see how #7dd2c6 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

#b7b7b7 Achromatopsia 0.005% of the population
#abbcba Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac5c1 Protanopia 1% of men
#d3c0cf Deuteranopia 1% of men
#8bd0df Tritanopia 0.001% of the population

Trichromacy

#aec9c2 Protanomaly 1% of men, 0.01% of women
#b4c6cc Deuteranomaly 6% of men, 0.4% of women
#86d1d6 Tritanomaly 0.01% of the population

#7dd2c6 hex color

#7dd2c6 Color Information

#7dd2c6 Color Conversion

Color Schemes with #7dd2c6

Alternatives to #7dd2c6

#7dd2c6 Preview

Shades and Tints of #7dd2c6

Tones of #7dd2c6

Color Blindness Simulator