#7dccd5 hex color

In a RGB color space, hex #7dccd5 is composed of 49% red, 80% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 4.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 186.1 degrees, a saturation of 51.2% and a lightness of 66.3%. #7dccd5 color hex could be obtained by blending #faffff with #0099ab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 80
- B 84
RGB color chart
- C 41
- M 4
- Y 0
- K 16
CMYK color chart

● #7dccd5 color description : Slightly desaturated cyan.

The hexadecimal color #7dccd5 has RGB values of R:125, G:204, B:213 and CMYK values of C:0.41, M:0.04, Y:0, K:0.16. Its decimal value is 8244437.

Hex triplet	7dccd5	`#7dccd5`
RGB Decimal	125, 204, 213	`rgb(125,204,213)`
RGB Percent	49, 80, 83.5	`rgb(49%,80%,83.5%)`
CMYK	41, 4, 0, 16
HSL	186.1°, 51.2, 66.3	`hsl(186.1,51.2%,66.3%)`
HSV (or HSB)	186.1°, 41.3, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.488, -21.955, -12.111
XYZ	42.057, 52.347, 70.835
xyY	0.255, 0.317, 52.347
CIE-LCH	77.488, 25.074, 208.883
CIE-LUV	77.488, -36.31, -15.343
Hunter-Lab	72.352, -22.855, -7.401
Binary	01111101, 11001100, 11010101

#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#d5867d
```
#d5867d rgb(213,134,125)
```

Complementary Color

#7dd5b2
```
#7dd5b2 rgb(125,213,178)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#7da0d5
```
#7da0d5 rgb(125,160,213)
```

Analogous Color

#d5b27d
```
#d5b27d rgb(213,178,125)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#d57da0
```
#d57da0 rgb(213,125,160)
```

Split Complementary Color

#ccd57d
```
#ccd57d rgb(204,213,125)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#d57dcc
```
#d57dcc rgb(213,125,204)
```

Triadic Color

#7dd586
```
#7dd586 rgb(125,213,134)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#d57dcc
```
#d57dcc rgb(213,125,204)
```
#d5867d
```
#d5867d rgb(213,134,125)
```

Tetradic Color

#43b5c2
```
#43b5c2 rgb(67,181,194)
```
#56bdc9
```
#56bdc9 rgb(86,189,201)
```
#6ac4cf
```
#6ac4cf rgb(106,196,207)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#90d4db
```
#90d4db rgb(144,212,219)
```
#a4dbe1
```
#a4dbe1 rgb(164,219,225)
```
#b7e3e8
```
#b7e3e8 rgb(183,227,232)
```

Monochromatic Color

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

#7dd5c8
```
#7dd5c8 rgb(125,213,200)
```
#7dd5cf
```
#7dd5cf rgb(125,213,207)
```
#7dd3d5
```
#7dd3d5 rgb(125,211,213)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#7dc5d5
```
#7dc5d5 rgb(125,197,213)
```
#7dbdd5
```
#7dbdd5 rgb(125,189,213)
```
#7db6d5
```
#7db6d5 rgb(125,182,213)
```

Similar Colors

Text with hexadecimal color #7dccd5

This text has a font color of #7dccd5.

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

#7dccd5 background color

This paragraph has a background color of #7dccd5.

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

#7dccd5 border color

This element has a border color of #7dccd5.

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

CSS codes

.text {color:#7dccd5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061112
```
#061112 rgb(6,17,18)
```
#0b1f21
```
#0b1f21 rgb(11,31,33)
```
#0f2d30
```
#0f2d30 rgb(15,45,48)
```
#143a3f
```
#143a3f rgb(20,58,63)
```
#19484e
```
#19484e rgb(25,72,78)
```
#1e565c
```
#1e565c rgb(30,86,92)
```
#23646b
```
#23646b rgb(35,100,107)
```
#27727a
```
#27727a rgb(39,114,122)
```
#2c7f89
```
#2c7f89 rgb(44,127,137)
```
#318d98
```
#318d98 rgb(49,141,152)
```
#369ba7
```
#369ba7 rgb(54,155,167)
```
#3ba9b5
```
#3ba9b5 rgb(59,169,181)
```

Shade Color Variation

#42b5c2
```
#42b5c2 rgb(66,181,194)
```
#51bbc7
```
#51bbc7 rgb(81,187,199)
```
#5fc0cb
```
#5fc0cb rgb(95,192,203)
```
#6ec6d0
```
#6ec6d0 rgb(110,198,208)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#8cd2da
```
#8cd2da rgb(140,210,218)
```
#9bd8df
```
#9bd8df rgb(155,216,223)
```
#a9dde3
```
#a9dde3 rgb(169,221,227)
```
#b8e3e8
```
#b8e3e8 rgb(184,227,232)
```
#c7e9ed
```
#c7e9ed rgb(199,233,237)
```
#d6eff2
```
#d6eff2 rgb(214,239,242)
```
#e5f5f7
```
#e5f5f7 rgb(229,245,247)
```
#f4fbfb
```
#f4fbfb rgb(244,251,251)
```

Tint Color Variation

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

#a5acad
```
#a5acad rgb(165,172,173)
```
#9eb2b4
```
#9eb2b4 rgb(158,178,180)
```
#97b7bb
```
#97b7bb rgb(151,183,187)
```
#91bcc1
```
#91bcc1 rgb(145,188,193)
```
#8ac1c8
```
#8ac1c8 rgb(138,193,200)
```
#84c7ce
```
#84c7ce rgb(132,199,206)
```
#7dccd5
```
#7dccd5 rgb(125,204,213)
```
#76d1dc
```
#76d1dc rgb(118,209,220)
```
#70d7e2
```
#70d7e2 rgb(112,215,226)
```
#69dce9
```
#69dce9 rgb(105,220,233)
```
#63e1ef
```
#63e1ef rgb(99,225,239)
```
#5ce6f6
```
#5ce6f6 rgb(92,230,246)
```
#55ecfd
```
#55ecfd rgb(85,236,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aababb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c1cf Protanopia 1% of men
#c7bedd Deuteranopia 1% of men
#85cddc Tritanopia 0.001% of the population

Trichromacy

#a8c5d1 Protanomaly 1% of men, 0.01% of women
#acc3da Deuteranomaly 6% of men, 0.4% of women
#82cdd9 Tritanomaly 0.01% of the population

#7dccd5 hex color

#7dccd5 Color Information

#7dccd5 Color Conversion

Color Schemes with #7dccd5

Alternatives to #7dccd5

#7dccd5 Preview

Shades and Tints of #7dccd5

Tones of #7dccd5

Color Blindness Simulator