#7dd2bf hex color

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

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

● #7dd2bf color description : Slightly desaturated cyan.

The hexadecimal color #7dd2bf has RGB values of R:125, G:210, B:191 and CMYK values of C:0.4, M:0, Y:0.09, K:0.18. Its decimal value is 8245951.

Hex triplet	7dd2bf	`#7dd2bf`
RGB Decimal	125, 210, 191	`rgb(125,210,191)`
RGB Percent	49, 82.4, 74.9	`rgb(49%,82.4%,74.9%)`
CMYK	40, 0, 9, 18
HSL	166.6°, 48.6, 65.7	`hsl(166.6,48.6%,65.7%)`
HSV (or HSB)	166.6°, 40.5, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.585, -30.196, 1.33
XYZ	40.905, 54.212, 57.596
xyY	0.268, 0.355, 54.212
CIE-LCH	78.585, 30.225, 177.478
CIE-LUV	78.585, -39.334, 6.951
Hunter-Lab	73.629, -29.684, 5.161
Binary	01111101, 11010010, 10111111

#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#d27d90
```
#d27d90 rgb(210,125,144)
```

Complementary Color

#7dd295
```
#7dd295 rgb(125,210,149)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#7dbbd2
```
#7dbbd2 rgb(125,187,210)
```

Analogous Color

#d2957d
```
#d2957d rgb(210,149,125)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#d27dbb
```
#d27dbb rgb(210,125,187)
```

Split Complementary Color

#d2bf7d
```
#d2bf7d rgb(210,191,125)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#bf7dd2
```
#bf7dd2 rgb(191,125,210)
```

Triadic Color

#90d27d
```
#90d27d rgb(144,210,125)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#bf7dd2
```
#bf7dd2 rgb(191,125,210)
```
#d27d90
```
#d27d90 rgb(210,125,144)
```

Tetradic Color

#44bea3
```
#44bea3 rgb(68,190,163)
```
#57c5ac
```
#57c5ac rgb(87,197,172)
```
#6acbb6
```
#6acbb6 rgb(106,203,182)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#90d9c8
```
#90d9c8 rgb(144,217,200)
```
#a3dfd2
```
#a3dfd2 rgb(163,223,210)
```
#b6e6db
```
#b6e6db rgb(182,230,219)
```

Monochromatic Color

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

#7dd2aa
```
#7dd2aa rgb(125,210,170)
```
#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)
```

Similar Colors

Text with hexadecimal color #7dd2bf

This text has a font color of #7dd2bf.

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

#7dd2bf background color

This paragraph has a background color of #7dd2bf.

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

#7dd2bf border color

This element has a border color of #7dd2bf.

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

CSS codes

.text {color:#7dd2bf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#05100d
```
#05100d rgb(5,16,13)
```
#0a1e1a
```
#0a1e1a rgb(10,30,26)
```
#102d26
```
#102d26 rgb(16,45,38)
```
#153b33
```
#153b33 rgb(21,59,51)
```
#1a4a3f
```
#1a4a3f rgb(26,74,63)
```
#1f594c
```
#1f594c rgb(31,89,76)
```
#246758
```
#246758 rgb(36,103,88)
```
#297665
```
#297665 rgb(41,118,101)
```
#2e8471
```
#2e8471 rgb(46,132,113)
```
#33937d
```
#33937d rgb(51,147,125)
```
#38a18a
```
#38a18a rgb(56,161,138)
```
#3db096
```
#3db096 rgb(61,176,150)
```

Shade Color Variation

#43bea2
```
#43bea2 rgb(67,190,162)
```
#51c3a9
```
#51c3a9 rgb(81,195,169)
```
#60c8b1
```
#60c8b1 rgb(96,200,177)
```
#6ecdb8
```
#6ecdb8 rgb(110,205,184)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#8cd7c6
```
#8cd7c6 rgb(140,215,198)
```
#9adccd
```
#9adccd rgb(154,220,205)
```
#a9e1d5
```
#a9e1d5 rgb(169,225,213)
```
#b7e6dc
```
#b7e6dc rgb(183,230,220)
```
#c6ebe3
```
#c6ebe3 rgb(198,235,227)
```
#d4f0ea
```
#d4f0ea rgb(212,240,234)
```
#e3f5f1
```
#e3f5f1 rgb(227,245,241)
```
#f2faf8
```
#f2faf8 rgb(242,250,248)
```

Tint Color Variation

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

#a5aaa9
```
#a5aaa9 rgb(165,170,169)
```
#9fb0ac
```
#9fb0ac rgb(159,176,172)
```
#98b7b0
```
#98b7b0 rgb(152,183,176)
```
#91beb4
```
#91beb4 rgb(145,190,180)
```
#8ac5b8
```
#8ac5b8 rgb(138,197,184)
```
#84cbbb
```
#84cbbb rgb(132,203,187)
```
#7dd2bf
```
#7dd2bf rgb(125,210,191)
```
#76d9c3
```
#76d9c3 rgb(118,217,195)
```
#70dfc6
```
#70dfc6 rgb(112,223,198)
```
#69e6ca
```
#69e6ca rgb(105,230,202)
```
#62edce
```
#62edce rgb(98,237,206)
```
#5bf4d2
```
#5bf4d2 rgb(91,244,210)
```
#55fad5
```
#55fad5 rgb(85,250,213)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#abbcb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc4ba Protanopia 1% of men
#d5bfc9 Deuteranopia 1% of men
#8ccfdf Tritanopia 0.001% of the population

Trichromacy

#afc9bc Protanomaly 1% of men, 0.01% of women
#b5c6c5 Deuteranomaly 6% of men, 0.4% of women
#87d0d3 Tritanomaly 0.01% of the population

#7dd2bf hex color

#7dd2bf Color Information

#7dd2bf Color Conversion

Color Schemes with #7dd2bf

Alternatives to #7dd2bf

#7dd2bf Preview

Shades and Tints of #7dd2bf

Tones of #7dd2bf

Color Blindness Simulator