#7dc6bc hex color

In a RGB color space, hex #7dc6bc is composed of 49% red, 77.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 36.9% cyan, 0% magenta, 5.1% yellow and 22.4% black. It has a hue angle of 171.8 degrees, a saturation of 39% and a lightness of 63.3%. #7dc6bc color hex could be obtained by blending #faffff with #008d79. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 78
- B 74
RGB color chart
- C 37
- M 0
- Y 5
- K 22
CMYK color chart

● #7dc6bc color description : Slightly desaturated cyan.

The hexadecimal color #7dc6bc has RGB values of R:125, G:198, B:188 and CMYK values of C:0.37, M:0, Y:0.05, K:0.22. Its decimal value is 8242876.

Hex triplet	7dc6bc	`#7dc6bc`
RGB Decimal	125, 198, 188	`rgb(125,198,188)`
RGB Percent	49, 77.6, 73.7	`rgb(49%,77.6%,73.7%)`
CMYK	37, 0, 5, 22
HSL	171.8°, 39, 63.3	`hsl(171.8,39%,63.3%)`
HSV (or HSB)	171.8°, 36.9, 77.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.062, -25.054, -2.204
XYZ	37.726, 48.377, 54.924
xyY	0.268, 0.343, 48.377
CIE-LCH	75.062, 25.15, 185.027
CIE-LUV	75.062, -34.401, 0.742
Hunter-Lab	69.554, -24.9, 1.868
Binary	01111101, 11000110, 10111100

#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#c67d87
```
#c67d87 rgb(198,125,135)
```

Complementary Color

#7dc698
```
#7dc698 rgb(125,198,152)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#7dacc6
```
#7dacc6 rgb(125,172,198)
```

Analogous Color

#c6987d
```
#c6987d rgb(198,152,125)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#c67dac
```
#c67dac rgb(198,125,172)
```

Split Complementary Color

#c6bc7d
```
#c6bc7d rgb(198,188,125)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#bc7dc6
```
#bc7dc6 rgb(188,125,198)
```

Triadic Color

#87c67d
```
#87c67d rgb(135,198,125)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#bc7dc6
```
#bc7dc6 rgb(188,125,198)
```
#c67d87
```
#c67d87 rgb(198,125,135)
```

Tetradic Color

#4bab9e
```
#4bab9e rgb(75,171,158)
```
#5ab6aa
```
#5ab6aa rgb(90,182,170)
```
#6bbeb3
```
#6bbeb3 rgb(107,190,179)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#8fcec5
```
#8fcec5 rgb(143,206,197)
```
#a0d6ce
```
#a0d6ce rgb(160,214,206)
```
#b2ddd7
```
#b2ddd7 rgb(178,221,215)
```

Monochromatic Color

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

#7dc6aa
```
#7dc6aa rgb(125,198,170)
```
#7dc6b0
```
#7dc6b0 rgb(125,198,176)
```
#7dc6b6
```
#7dc6b6 rgb(125,198,182)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#7dc6c2
```
#7dc6c2 rgb(125,198,194)
```
#7dc4c6
```
#7dc4c6 rgb(125,196,198)
```
#7dbec6
```
#7dbec6 rgb(125,190,198)
```

Similar Colors

Text with hexadecimal color #7dc6bc

This text has a font color of #7dc6bc.

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

#7dc6bc background color

This paragraph has a background color of #7dc6bc.

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

#7dc6bc border color

This element has a border color of #7dc6bc.

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

CSS codes

.text {color:#7dc6bc;}

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

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

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, #030606 is the darkest color, while #f8fcfb is the lightest one.

#030606
```
#030606 rgb(3,6,6)
```
#091412
```
#091412 rgb(9,20,18)
```
#0f221f
```
#0f221f rgb(15,34,31)
```
#152f2c
```
#152f2c rgb(21,47,44)
```
#1b3d38
```
#1b3d38 rgb(27,61,56)
```
#214b45
```
#214b45 rgb(33,75,69)
```
#275851
```
#275851 rgb(39,88,81)
```
#2d665e
```
#2d665e rgb(45,102,94)
```
#33736b
```
#33736b rgb(51,115,107)
```
#398177
```
#398177 rgb(57,129,119)
```
#3f8f84
```
#3f8f84 rgb(63,143,132)
```
#459c90
```
#459c90 rgb(69,156,144)
```
#4baa9d
```
#4baa9d rgb(75,170,157)
```

Shade Color Variation

#54b4a7
```
#54b4a7 rgb(84,180,167)
```
#62baae
```
#62baae rgb(98,186,174)
```
#6fc0b5
```
#6fc0b5 rgb(111,192,181)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#8bccc3
```
#8bccc3 rgb(139,204,195)
```
#98d2ca
```
#98d2ca rgb(152,210,202)
```
#a6d8d1
```
#a6d8d1 rgb(166,216,209)
```
#b4ded8
```
#b4ded8 rgb(180,222,216)
```
#c1e4df
```
#c1e4df rgb(193,228,223)
```
#cfeae6
```
#cfeae6 rgb(207,234,230)
```
#dcf0ed
```
#dcf0ed rgb(220,240,237)
```
#eaf6f4
```
#eaf6f4 rgb(234,246,244)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#a1a2a2
```
#a1a2a2 rgb(161,162,162)
```
#9aa9a7
```
#9aa9a7 rgb(154,169,167)
```
#93b0ac
```
#93b0ac rgb(147,176,172)
```
#8bb8b2
```
#8bb8b2 rgb(139,184,178)
```
#84bfb7
```
#84bfb7 rgb(132,191,183)
```
#7dc6bc
```
#7dc6bc rgb(125,198,188)
```
#76cdc1
```
#76cdc1 rgb(118,205,193)
```
#6fd4c6
```
#6fd4c6 rgb(111,212,198)
```
#67dccc
```
#67dccc rgb(103,220,204)
```
#60e3d1
```
#60e3d1 rgb(96,227,209)
```
#59ead6
```
#59ead6 rgb(89,234,214)
```
#52f1db
```
#52f1db rgb(82,241,219)
```
#4bf8e1
```
#4bf8e1 rgb(75,248,225)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bbb8 Protanopia 1% of men
#c9b7c5 Deuteranopia 1% of men
#8ac5d4 Tritanopia 0.001% of the population

Trichromacy

#a7bfb9 Protanomaly 1% of men, 0.01% of women
#adbcc2 Deuteranomaly 6% of men, 0.4% of women
#85c5cb Tritanomaly 0.01% of the population

#7dc6bc hex color

#7dc6bc Color Information

#7dc6bc Color Conversion

Color Schemes with #7dc6bc

Alternatives to #7dc6bc

#7dc6bc Preview

Shades and Tints of #7dc6bc

Tones of #7dc6bc

Color Blindness Simulator