#7ddcd4 hex color

In a RGB color space, hex #7ddcd4 is composed of 49% red, 86.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 0% magenta, 3.6% yellow and 13.7% black. It has a hue angle of 174.9 degrees, a saturation of 57.6% and a lightness of 67.6%. #7ddcd4 color hex could be obtained by blending #faffff with #00b9a9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 86
- B 83
RGB color chart
- C 43
- M 0
- Y 4
- K 14
CMYK color chart

● #7ddcd4 color description : Very soft cyan.

The hexadecimal color #7ddcd4 has RGB values of R:125, G:220, B:212 and CMYK values of C:0.43, M:0, Y:0.04, K:0.14. Its decimal value is 8248532.

Hex triplet	7ddcd4	`#7ddcd4`
RGB Decimal	125, 220, 212	`rgb(125,220,212)`
RGB Percent	49, 86.3, 83.1	`rgb(49%,86.3%,83.1%)`
CMYK	43, 0, 4, 14
HSL	174.9°, 57.6, 67.6	`hsl(174.9,57.6%,67.6%)`
HSV (or HSB)	174.9°, 43.2, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.999, -30.044, -4.875
XYZ	45.931, 60.297, 71.502
xyY	0.258, 0.339, 60.297
CIE-LCH	81.999, 30.437, 189.217
CIE-LUV	81.999, -42.77, -2.643
Hunter-Lab	77.651, -30.306, -0.239
Binary	01111101, 11011100, 11010100

#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#dc7d85
```
#dc7d85 rgb(220,125,133)
```

Complementary Color

#7ddca5
```
#7ddca5 rgb(125,220,165)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#7db5dc
```
#7db5dc rgb(125,181,220)
```

Analogous Color

#dca57d
```
#dca57d rgb(220,165,125)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#dc7db5
```
#dc7db5 rgb(220,125,181)
```

Split Complementary Color

#dcd47d
```
#dcd47d rgb(220,212,125)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#d47ddc
```
#d47ddc rgb(212,125,220)
```

Triadic Color

#85dc7d
```
#85dc7d rgb(133,220,125)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#d47ddc
```
#d47ddc rgb(212,125,220)
```
#dc7d85
```
#dc7d85 rgb(220,125,133)
```

Tetradic Color

#41ccc0
```
#41ccc0 rgb(65,204,192)
```
#55d1c7
```
#55d1c7 rgb(85,209,199)
```
#69d7cd
```
#69d7cd rgb(105,215,205)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#91e1db
```
#91e1db rgb(145,225,219)
```
#a5e7e1
```
#a5e7e1 rgb(165,231,225)
```
#b9ece8
```
#b9ece8 rgb(185,236,232)
```

Monochromatic Color

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

#7ddcbc
```
#7ddcbc rgb(125,220,188)
```
#7ddcc4
```
#7ddcc4 rgb(125,220,196)
```
#7ddccc
```
#7ddccc rgb(125,220,204)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#7ddcdc
```
#7ddcdc rgb(125,220,220)
```
#7dd4dc
```
#7dd4dc rgb(125,212,220)
```
#7dccdc
```
#7dccdc rgb(125,204,220)
```

Similar Colors

Text with hexadecimal color #7ddcd4

This text has a font color of #7ddcd4.

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

#7ddcd4 background color

This paragraph has a background color of #7ddcd4.

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

#7ddcd4 border color

This element has a border color of #7ddcd4.

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

CSS codes

.text {color:#7ddcd4;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#071917
```
#071917 rgb(7,25,23)
```
#0b2826
```
#0b2826 rgb(11,40,38)
```
#0f3734
```
#0f3734 rgb(15,55,52)
```
#134743
```
#134743 rgb(19,71,67)
```
#175651
```
#175651 rgb(23,86,81)
```
#1b6660
```
#1b6660 rgb(27,102,96)
```
#20756e
```
#20756e rgb(32,117,110)
```
#24857d
```
#24857d rgb(36,133,125)
```
#28948b
```
#28948b rgb(40,148,139)
```
#2ca49a
```
#2ca49a rgb(44,164,154)
```
#30b3a8
```
#30b3a8 rgb(48,179,168)
```
#34c3b7
```
#34c3b7 rgb(52,195,183)
```

Shade Color Variation

#3fcbc0
```
#3fcbc0 rgb(63,203,192)
```
#4fd0c5
```
#4fd0c5 rgb(79,208,197)
```
#5ed4ca
```
#5ed4ca rgb(94,212,202)
```
#6ed8cf
```
#6ed8cf rgb(110,216,207)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#8ce0d9
```
#8ce0d9 rgb(140,224,217)
```
#9ce4de
```
#9ce4de rgb(156,228,222)
```
#abe8e3
```
#abe8e3 rgb(171,232,227)
```
#bbede8
```
#bbede8 rgb(187,237,232)
```
#caf1ee
```
#caf1ee rgb(202,241,238)
```
#daf5f3
```
#daf5f3 rgb(218,245,243)
```
#e9f9f8
```
#e9f9f8 rgb(233,249,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#a9b0af
```
#a9b0af rgb(169,176,175)
```
#a3b6b4
```
#a3b6b4 rgb(163,182,180)
```
#9dbcba
```
#9dbcba rgb(157,188,186)
```
#96c3bf
```
#96c3bf rgb(150,195,191)
```
#90c9c4
```
#90c9c4 rgb(144,201,196)
```
#8acfc9
```
#8acfc9 rgb(138,207,201)
```
#83d6cf
```
#83d6cf rgb(131,214,207)
```
#7ddcd4
```
#7ddcd4 rgb(125,220,212)
```
#77e2d9
```
#77e2d9 rgb(119,226,217)
```
#70e9df
```
#70e9df rgb(112,233,223)
```
#6aefe4
```
#6aefe4 rgb(106,239,228)
```
#64f5e9
```
#64f5e9 rgb(100,245,233)
```
#5dfcee
```
#5dfcee rgb(93,252,238)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b2c5c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cdcd Protanopia 1% of men
#dac9dd Deuteranopia 1% of men
#8bdaea Tritanopia 0.001% of the population

Trichromacy

#b3d2cf Protanomaly 1% of men, 0.01% of women
#b8cfda Deuteranomaly 6% of men, 0.4% of women
#85dbe2 Tritanomaly 0.01% of the population

#7ddcd4 hex color

#7ddcd4 Color Information

#7ddcd4 Color Conversion

Color Schemes with #7ddcd4

Alternatives to #7ddcd4

#7ddcd4 Preview

Shades and Tints of #7ddcd4

Tones of #7ddcd4

Color Blindness Simulator