#7ddcdd hex color

In a RGB color space, hex #7ddcdd is composed of 49% red, 86.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 0.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 180.6 degrees, a saturation of 58.5% and a lightness of 67.8%. #7ddcdd color hex could be obtained by blending #faffff with #00b9bb. Closest websafe color is: #66cccc.

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

● #7ddcdd color description : Very soft cyan.

The hexadecimal color #7ddcdd has RGB values of R:125, G:220, B:221 and CMYK values of C:0.43, M:0, Y:0, K:0.13. Its decimal value is 8248541.

Hex triplet	7ddcdd	`#7ddcdd`
RGB Decimal	125, 220, 221	`rgb(125,220,221)`
RGB Percent	49, 86.3, 86.7	`rgb(49%,86.3%,86.7%)`
CMYK	43, 0, 0, 13
HSL	180.6°, 58.5, 67.8	`hsl(180.6,58.5%,67.8%)`
HSV (or HSB)	180.6°, 43.4, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.252, -27.836, -9.286
XYZ	47.098, 60.764, 77.649
xyY	0.254, 0.328, 60.764
CIE-LCH	82.252, 29.344, 198.449
CIE-LUV	82.252, -42.479, -10.006
Hunter-Lab	77.951, -28.565, -4.495
Binary	01111101, 11011100, 11011101

#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#dd7e7d
```
#dd7e7d rgb(221,126,125)
```

Complementary Color

#7dddae
```
#7dddae rgb(125,221,174)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#7dacdd
```
#7dacdd rgb(125,172,221)
```

Analogous Color

#ddae7d
```
#ddae7d rgb(221,174,125)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#dd7dac
```
#dd7dac rgb(221,125,172)
```

Split Complementary Color

#dcdd7d
```
#dcdd7d rgb(220,221,125)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#dd7ddc
```
#dd7ddc rgb(221,125,220)
```

Triadic Color

#7ddd7e
```
#7ddd7e rgb(125,221,126)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#dd7ddc
```
#dd7ddc rgb(221,125,220)
```
#dd7e7d
```
#dd7e7d rgb(221,126,125)
```

Tetradic Color

#40cccd
```
#40cccd rgb(64,204,205)
```
#55d1d2
```
#55d1d2 rgb(85,209,210)
```
#69d7d8
```
#69d7d8 rgb(105,215,216)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#91e1e2
```
#91e1e2 rgb(145,225,226)
```
#a5e7e8
```
#a5e7e8 rgb(165,231,232)
```
#baeced
```
#baeced rgb(186,236,237)
```

Monochromatic Color

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

#7dddc6
```
#7dddc6 rgb(125,221,198)
```
#7dddce
```
#7dddce rgb(125,221,206)
```
#7dddd6
```
#7dddd6 rgb(125,221,214)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#7dd4dd
```
#7dd4dd rgb(125,212,221)
```
#7dccdd
```
#7dccdd rgb(125,204,221)
```
#7dc4dd
```
#7dc4dd rgb(125,196,221)
```

Similar Colors

Text with hexadecimal color #7ddcdd

This text has a font color of #7ddcdd.

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

#7ddcdd background color

This paragraph has a background color of #7ddcdd.

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

#7ddcdd border color

This element has a border color of #7ddcdd.

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

CSS codes

.text {color:#7ddcdd;}

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

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

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, #030a0a is the darkest color, while #f9fdfe is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#071919
```
#071919 rgb(7,25,25)
```
#0b2929
```
#0b2929 rgb(11,41,41)
```
#0f3839
```
#0f3839 rgb(15,56,57)
```
#134848
```
#134848 rgb(19,72,72)
```
#175758
```
#175758 rgb(23,87,88)
```
#1b6667
```
#1b6667 rgb(27,102,103)
```
#1f7677
```
#1f7677 rgb(31,118,119)
```
#238586
```
#238586 rgb(35,133,134)
```
#279596
```
#279596 rgb(39,149,150)
```
#2ba4a5
```
#2ba4a5 rgb(43,164,165)
```
#2fb4b5
```
#2fb4b5 rgb(47,180,181)
```
#33c3c5
```
#33c3c5 rgb(51,195,197)
```

Shade Color Variation

#3fcbcd
```
#3fcbcd rgb(63,203,205)
```
#4ecfd1
```
#4ecfd1 rgb(78,207,209)
```
#5ed4d5
```
#5ed4d5 rgb(94,212,213)
```
#6dd8d9
```
#6dd8d9 rgb(109,216,217)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#8de0e1
```
#8de0e1 rgb(141,224,225)
```
#9ce4e5
```
#9ce4e5 rgb(156,228,229)
```
#ace9e9
```
#ace9e9 rgb(172,233,233)
```
#bbeded
```
#bbeded rgb(187,237,237)
```
#cbf1f1
```
#cbf1f1 rgb(203,241,241)
```
#daf5f5
```
#daf5f5 rgb(218,245,245)
```
#eaf9f9
```
#eaf9f9 rgb(234,249,249)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#a9b1b1
```
#a9b1b1 rgb(169,177,177)
```
#a3b7b7
```
#a3b7b7 rgb(163,183,183)
```
#9dbdbd
```
#9dbdbd rgb(157,189,189)
```
#96c3c4
```
#96c3c4 rgb(150,195,196)
```
#90c9ca
```
#90c9ca rgb(144,201,202)
```
#8ad0d0
```
#8ad0d0 rgb(138,208,208)
```
#83d6d7
```
#83d6d7 rgb(131,214,215)
```
#7ddcdd
```
#7ddcdd rgb(125,220,221)
```
#77e2e3
```
#77e2e3 rgb(119,226,227)
```
#70e8ea
```
#70e8ea rgb(112,232,234)
```
#6aeff0
```
#6aeff0 rgb(106,239,240)
```
#64f5f6
```
#64f5f6 rgb(100,245,246)
```
#5dfbfd
```
#5dfbfd rgb(93,251,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b3c6c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ced6 Protanopia 1% of men
#d7cae5 Deuteranopia 1% of men
#88dbeb Tritanopia 0.001% of the population

Trichromacy

#b2d3d8 Protanomaly 1% of men, 0.01% of women
#b6d0e2 Deuteranomaly 6% of men, 0.4% of women
#84dbe6 Tritanomaly 0.01% of the population

#7ddcdd hex color

#7ddcdd Color Information

#7ddcdd Color Conversion

Color Schemes with #7ddcdd

Alternatives to #7ddcdd

#7ddcdd Preview

Shades and Tints of #7ddcdd

Tones of #7ddcdd

Color Blindness Simulator