#7dccbb hex color

In a RGB color space, hex #7dccbb is composed of 49% red, 80% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 0% magenta, 8.3% yellow and 20% black. It has a hue angle of 167.1 degrees, a saturation of 43.6% and a lightness of 64.5%. #7dccbb color hex could be obtained by blending #faffff with #009977. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 80
- B 73
RGB color chart
- C 39
- M 0
- Y 8
- K 20
CMYK color chart

● #7dccbb color description : Slightly desaturated cyan.

The hexadecimal color #7dccbb has RGB values of R:125, G:204, B:187 and CMYK values of C:0.39, M:0, Y:0.08, K:0.2. Its decimal value is 8244411.

Hex triplet	7dccbb	`#7dccbb`
RGB Decimal	125, 204, 187	`rgb(125,204,187)`
RGB Percent	49, 80, 73.3	`rgb(49%,80%,73.3%)`
CMYK	39, 0, 8, 20
HSL	167.1°, 43.6, 64.5	`hsl(167.1,43.6%,64.5%)`
HSV (or HSB)	167.1°, 38.7, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.759, -28.221, 0.817
XYZ	39.017, 51.131, 54.824
xyY	0.269, 0.353, 51.131
CIE-LCH	76.759, 28.232, 178.341
CIE-LUV	76.759, -36.941, 5.841
Hunter-Lab	71.506, -27.737, 4.596
Binary	01111101, 11001100, 10111011

#7dccbb
```
#7dccbb rgb(125,204,187)
```
#cc7d8e
```
#cc7d8e rgb(204,125,142)
```

Complementary Color

#7dcc94
```
#7dcc94 rgb(125,204,148)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#7db6cc
```
#7db6cc rgb(125,182,204)
```

Analogous Color

#cc947d
```
#cc947d rgb(204,148,125)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#cc7db6
```
#cc7db6 rgb(204,125,182)
```

Split Complementary Color

#ccbb7d
```
#ccbb7d rgb(204,187,125)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#bb7dcc
```
#bb7dcc rgb(187,125,204)
```

Triadic Color

#8ecc7d
```
#8ecc7d rgb(142,204,125)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#bb7dcc
```
#bb7dcc rgb(187,125,204)
```
#cc7d8e
```
#cc7d8e rgb(204,125,142)
```

Tetradic Color

#47b59e
```
#47b59e rgb(71,181,158)
```
#58bea8
```
#58bea8 rgb(88,190,168)
```
#6bc5b1
```
#6bc5b1 rgb(107,197,177)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#8fd3c5
```
#8fd3c5 rgb(143,211,197)
```
#a2dace
```
#a2dace rgb(162,218,206)
```
#b4e2d8
```
#b4e2d8 rgb(180,226,216)
```

Monochromatic Color

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

#7dcca7
```
#7dcca7 rgb(125,204,167)
```
#7dccae
```
#7dccae rgb(125,204,174)
```
#7dccb4
```
#7dccb4 rgb(125,204,180)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#7dccc2
```
#7dccc2 rgb(125,204,194)
```
#7dccc8
```
#7dccc8 rgb(125,204,200)
```
#7dc9cc
```
#7dc9cc rgb(125,201,204)
```

Similar Colors

Text with hexadecimal color #7dccbb

This text has a font color of #7dccbb.

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

#7dccbb background color

This paragraph has a background color of #7dccbb.

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

#7dccbb border color

This element has a border color of #7dccbb.

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

CSS codes

.text {color:#7dccbb;}

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

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

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, #040b09 is the darkest color, while #fcfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#0a1916
```
#0a1916 rgb(10,25,22)
```
#0f2722
```
#0f2722 rgb(15,39,34)
```
#15352e
```
#15352e rgb(21,53,46)
```
#1a433a
```
#1a433a rgb(26,67,58)
```
#205147
```
#205147 rgb(32,81,71)
```
#255f53
```
#255f53 rgb(37,95,83)
```
#2b6e5f
```
#2b6e5f rgb(43,110,95)
```
#307c6b
```
#307c6b rgb(48,124,107)
```
#368a78
```
#368a78 rgb(54,138,120)
```
#3c9884
```
#3c9884 rgb(60,152,132)
```
#41a690
```
#41a690 rgb(65,166,144)
```
#47b49c
```
#47b49c rgb(71,180,156)
```

Shade Color Variation

#53bba5
```
#53bba5 rgb(83,187,165)
```
#61c1ac
```
#61c1ac rgb(97,193,172)
```
#6fc6b4
```
#6fc6b4 rgb(111,198,180)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#8bd2c2
```
#8bd2c2 rgb(139,210,194)
```
#99d7ca
```
#99d7ca rgb(153,215,202)
```
#a7ddd1
```
#a7ddd1 rgb(167,221,209)
```
#b5e2d8
```
#b5e2d8 rgb(181,226,216)
```
#c3e8e0
```
#c3e8e0 rgb(195,232,224)
```
#d2ede7
```
#d2ede7 rgb(210,237,231)
```
#e0f3ef
```
#e0f3ef rgb(224,243,239)
```
#eef8f6
```
#eef8f6 rgb(238,248,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#a0a9a7
```
#a0a9a7 rgb(160,169,167)
```
#99b0ab
```
#99b0ab rgb(153,176,171)
```
#92b7af
```
#92b7af rgb(146,183,175)
```
#8bbeb3
```
#8bbeb3 rgb(139,190,179)
```
#84c5b7
```
#84c5b7 rgb(132,197,183)
```
#7dccbb
```
#7dccbb rgb(125,204,187)
```
#76d3bf
```
#76d3bf rgb(118,211,191)
```
#6fdac3
```
#6fdac3 rgb(111,218,195)
```
#68e1c7
```
#68e1c7 rgb(104,225,199)
```
#61e8cb
```
#61e8cb rgb(97,232,203)
```
#5aefcf
```
#5aefcf rgb(90,239,207)
```
#53f6d3
```
#53f6d3 rgb(83,246,211)
```
#4cfdd7
```
#4cfdd7 rgb(76,253,215)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a7b7b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c0b7 Protanopia 1% of men
#d0bbc5 Deuteranopia 1% of men
#8ccad9 Tritanopia 0.001% of the population

Trichromacy

#abc4b8 Protanomaly 1% of men, 0.01% of women
#b2c1c1 Deuteranomaly 6% of men, 0.4% of women
#86cbce Tritanomaly 0.01% of the population

#7dccbb hex color

#7dccbb Color Information

#7dccbb Color Conversion

Color Schemes with #7dccbb

Alternatives to #7dccbb

#7dccbb Preview

Shades and Tints of #7dccbb

Tones of #7dccbb

Color Blindness Simulator