#7cddcd hex color

In a RGB color space, hex #7cddcd is composed of 48.6% red, 86.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 0% magenta, 7.2% yellow and 13.3% black. It has a hue angle of 170.1 degrees, a saturation of 58.8% and a lightness of 67.6%. #7cddcd color hex could be obtained by blending #f8ffff with #00bb9b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 87
- B 80
RGB color chart
- C 44
- M 0
- Y 7
- K 13
CMYK color chart

● #7cddcd color description : Very soft cyan.

The hexadecimal color #7cddcd has RGB values of R:124, G:221, B:205 and CMYK values of C:0.44, M:0, Y:0.07, K:0.13. Its decimal value is 8183245.

Hex triplet	7cddcd	`#7cddcd`
RGB Decimal	124, 221, 205	`rgb(124,221,205)`
RGB Percent	48.6, 86.7, 80.4	`rgb(48.6%,86.7%,80.4%)`
CMYK	44, 0, 7, 13
HSL	170.1°, 58.8, 67.6	`hsl(170.1,58.8%,67.6%)`
HSV (or HSB)	170.1°, 43.9, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.057, -32.428, -1.076
XYZ	45.185, 60.403, 67.032
xyY	0.262, 0.35, 60.403
CIE-LCH	82.057, 32.445, 181.9
CIE-LUV	82.057, -43.728, 3.657
Hunter-Lab	77.719, -32.232, 3.267
Binary	01111100, 11011101, 11001101

#7cddcd
```
#7cddcd rgb(124,221,205)
```
#dd7c8c
```
#dd7c8c rgb(221,124,140)
```

Complementary Color

#7cdd9d
```
#7cdd9d rgb(124,221,157)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#7cbddd
```
#7cbddd rgb(124,189,221)
```

Analogous Color

#dd9d7c
```
#dd9d7c rgb(221,157,124)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#dd7cbd
```
#dd7cbd rgb(221,124,189)
```

Split Complementary Color

#ddcd7c
```
#ddcd7c rgb(221,205,124)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#cd7cdd
```
#cd7cdd rgb(205,124,221)
```

Triadic Color

#8cdd7c
```
#8cdd7c rgb(140,221,124)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#cd7cdd
```
#cd7cdd rgb(205,124,221)
```
#dd7c8c
```
#dd7c8c rgb(221,124,140)
```

Tetradic Color

#3fcdb6
```
#3fcdb6 rgb(63,205,182)
```
#54d2be
```
#54d2be rgb(84,210,190)
```
#68d8c5
```
#68d8c5 rgb(104,216,197)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#90e2d5
```
#90e2d5 rgb(144,226,213)
```
#a4e8dc
```
#a4e8dc rgb(164,232,220)
```
#b9ede4
```
#b9ede4 rgb(185,237,228)
```

Monochromatic Color

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

#7cddb5
```
#7cddb5 rgb(124,221,181)
```
#7cddbd
```
#7cddbd rgb(124,221,189)
```
#7cddc5
```
#7cddc5 rgb(124,221,197)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#7cddd5
```
#7cddd5 rgb(124,221,213)
```
#7cdddd
```
#7cdddd rgb(124,221,221)
```
#7cd5dd
```
#7cd5dd rgb(124,213,221)
```

Similar Colors

Text with hexadecimal color #7cddcd

This text has a font color of #7cddcd.

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

#7cddcd background color

This paragraph has a background color of #7cddcd.

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

#7cddcd border color

This element has a border color of #7cddcd.

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

CSS codes

.text {color:#7cddcd;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#061916
```
#061916 rgb(6,25,22)
```
#0a2823
```
#0a2823 rgb(10,40,35)
```
#0f3831
```
#0f3831 rgb(15,56,49)
```
#13473f
```
#13473f rgb(19,71,63)
```
#17574c
```
#17574c rgb(23,87,76)
```
#1b675a
```
#1b675a rgb(27,103,90)
```
#1f7668
```
#1f7668 rgb(31,118,104)
```
#238675
```
#238675 rgb(35,134,117)
```
#279583
```
#279583 rgb(39,149,131)
```
#2ba591
```
#2ba591 rgb(43,165,145)
```
#2fb49e
```
#2fb49e rgb(47,180,158)
```
#33c4ac
```
#33c4ac rgb(51,196,172)
```

Shade Color Variation

#3ecdb5
```
#3ecdb5 rgb(62,205,181)
```
#4dd1bb
```
#4dd1bb rgb(77,209,187)
```
#5dd5c1
```
#5dd5c1 rgb(93,213,193)
```
#6cd9c7
```
#6cd9c7 rgb(108,217,199)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#8ce1d3
```
#8ce1d3 rgb(140,225,211)
```
#9be5d9
```
#9be5d9 rgb(155,229,217)
```
#abe9df
```
#abe9df rgb(171,233,223)
```
#baede5
```
#baede5 rgb(186,237,229)
```
#caf1eb
```
#caf1eb rgb(202,241,235)
```
#d9f5f1
```
#d9f5f1 rgb(217,245,241)
```
#e9f9f7
```
#e9f9f7 rgb(233,249,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#a8b1af
```
#a8b1af rgb(168,177,175)
```
#a2b7b3
```
#a2b7b3 rgb(162,183,179)
```
#9cbdb8
```
#9cbdb8 rgb(156,189,184)
```
#95c4bc
```
#95c4bc rgb(149,196,188)
```
#8fcac0
```
#8fcac0 rgb(143,202,192)
```
#89d0c4
```
#89d0c4 rgb(137,208,196)
```
#82d7c9
```
#82d7c9 rgb(130,215,201)
```
#7cddcd
```
#7cddcd rgb(124,221,205)
```
#76e3d1
```
#76e3d1 rgb(118,227,209)
```
#6fead6
```
#6fead6 rgb(111,234,214)
```
#69f0da
```
#69f0da rgb(105,240,218)
```
#63f6de
```
#63f6de rgb(99,246,222)
```
#5cfde2
```
#5cfde2 rgb(92,253,226)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b1c4c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cdc6 Protanopia 1% of men
#ddc8d7 Deuteranopia 1% of men
#8cdaea Tritanopia 0.001% of the population

Trichromacy

#b4d3c9 Protanomaly 1% of men, 0.01% of women
#bad0d3 Deuteranomaly 6% of men, 0.4% of women
#86dbdf Tritanomaly 0.01% of the population

#7cddcd hex color

#7cddcd Color Information

#7cddcd Color Conversion

Color Schemes with #7cddcd

Alternatives to #7cddcd

#7cddcd Preview

Shades and Tints of #7cddcd

Tones of #7cddcd

Color Blindness Simulator