#7dcbcc hex color

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

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

● #7dcbcc color description : Slightly desaturated cyan.

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

Hex triplet	7dcbcc	`#7dcbcc`
RGB Decimal	125, 203, 204	`rgb(125,203,204)`
RGB Percent	49, 79.6, 80	`rgb(49%,79.6%,80%)`
CMYK	39, 0, 0, 20
HSL	180.8°, 43.6, 64.5	`hsl(180.8,43.6%,64.5%)`
HSV (or HSB)	180.8°, 38.7, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.938, -23.699, -8.082
XYZ	40.71, 51.429, 64.905
xyY	0.259, 0.327, 51.429
CIE-LCH	76.938, 25.039, 198.83
CIE-LUV	76.938, -36.119, -8.63
Hunter-Lab	71.714, -24.172, -3.461
Binary	01111101, 11001011, 11001100

#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#cc7e7d
```
#cc7e7d rgb(204,126,125)
```

Complementary Color

#7dcca6
```
#7dcca6 rgb(125,204,166)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#7da4cc
```
#7da4cc rgb(125,164,204)
```

Analogous Color

#cca67d
```
#cca67d rgb(204,166,125)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#cc7da4
```
#cc7da4 rgb(204,125,164)
```

Split Complementary Color

#cbcc7d
```
#cbcc7d rgb(203,204,125)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#cc7dcb
```
#cc7dcb rgb(204,125,203)
```

Triadic Color

#7dcc7e
```
#7dcc7e rgb(125,204,126)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#cc7dcb
```
#cc7dcb rgb(204,125,203)
```
#cc7e7d
```
#cc7e7d rgb(204,126,125)
```

Tetradic Color

#47b4b5
```
#47b4b5 rgb(71,180,181)
```
#58bcbe
```
#58bcbe rgb(88,188,190)
```
#6bc4c5
```
#6bc4c5 rgb(107,196,197)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#8fd2d3
```
#8fd2d3 rgb(143,210,211)
```
#a2dada
```
#a2dada rgb(162,218,218)
```
#b4e1e2
```
#b4e1e2 rgb(180,225,226)
```

Monochromatic Color

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

#7dccb9
```
#7dccb9 rgb(125,204,185)
```
#7dccc0
```
#7dccc0 rgb(125,204,192)
```
#7dccc6
```
#7dccc6 rgb(125,204,198)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#7dc4cc
```
#7dc4cc rgb(125,196,204)
```
#7dbecc
```
#7dbecc rgb(125,190,204)
```
#7db7cc
```
#7db7cc rgb(125,183,204)
```

Similar Colors

Text with hexadecimal color #7dcbcc

This text has a font color of #7dcbcc.

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

#7dcbcc background color

This paragraph has a background color of #7dcbcc.

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

#7dcbcc border color

This element has a border color of #7dcbcc.

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

CSS codes

.text {color:#7dcbcc;}

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

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

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

#040b0b
```
#040b0b rgb(4,11,11)
```
#0a1919
```
#0a1919 rgb(10,25,25)
```
#0f2727
```
#0f2727 rgb(15,39,39)
```
#153535
```
#153535 rgb(21,53,53)
```
#1a4343
```
#1a4343 rgb(26,67,67)
```
#205151
```
#205151 rgb(32,81,81)
```
#255f5f
```
#255f5f rgb(37,95,95)
```
#2b6d6e
```
#2b6d6e rgb(43,109,110)
```
#307b7c
```
#307b7c rgb(48,123,124)
```
#36898a
```
#36898a rgb(54,137,138)
```
#3c9798
```
#3c9798 rgb(60,151,152)
```
#41a5a6
```
#41a5a6 rgb(65,165,166)
```
#47b3b4
```
#47b3b4 rgb(71,179,180)
```

Shade Color Variation

#53babb
```
#53babb rgb(83,186,187)
```
#61c0c1
```
#61c0c1 rgb(97,192,193)
```
#6fc5c6
```
#6fc5c6 rgb(111,197,198)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#8bd1d2
```
#8bd1d2 rgb(139,209,210)
```
#99d6d7
```
#99d6d7 rgb(153,214,215)
```
#a7dcdd
```
#a7dcdd rgb(167,220,221)
```
#b5e2e2
```
#b5e2e2 rgb(181,226,226)
```
#c3e7e8
```
#c3e7e8 rgb(195,231,232)
```
#d2eded
```
#d2eded rgb(210,237,237)
```
#e0f2f3
```
#e0f2f3 rgb(224,242,243)
```
#eef8f8
```
#eef8f8 rgb(238,248,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#a0a9a9
```
#a0a9a9 rgb(160,169,169)
```
#99b0b0
```
#99b0b0 rgb(153,176,176)
```
#92b7b7
```
#92b7b7 rgb(146,183,183)
```
#8bbdbe
```
#8bbdbe rgb(139,189,190)
```
#84c4c5
```
#84c4c5 rgb(132,196,197)
```
#7dcbcc
```
#7dcbcc rgb(125,203,204)
```
#76d2d3
```
#76d2d3 rgb(118,210,211)
```
#6fd9da
```
#6fd9da rgb(111,217,218)
```
#68dfe1
```
#68dfe1 rgb(104,223,225)
```
#61e6e8
```
#61e6e8 rgb(97,230,232)
```
#5aedef
```
#5aedef rgb(90,237,239)
```
#53f4f6
```
#53f4f6 rgb(83,244,246)
```
#4cfafd
```
#4cfafd rgb(76,250,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a9b9b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c0c7 Protanopia 1% of men
#c9bcd4 Deuteranopia 1% of men
#87cbda Tritanopia 0.001% of the population

Trichromacy

#a9c4c8 Protanomaly 1% of men, 0.01% of women
#adc1d1 Deuteranomaly 6% of men, 0.4% of women
#83cbd5 Tritanomaly 0.01% of the population

#7dcbcc hex color

#7dcbcc Color Information

#7dcbcc Color Conversion

Color Schemes with #7dcbcc

Alternatives to #7dcbcc

#7dcbcc Preview

Shades and Tints of #7dcbcc

Tones of #7dcbcc

Color Blindness Simulator