#7ddbdd hex color

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

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

● #7ddbdd color description : Very soft cyan.

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

Hex triplet	7ddbdd	`#7ddbdd`
RGB Decimal	125, 219, 221	`rgb(125,219,221)`
RGB Percent	49, 85.9, 86.7	`rgb(49%,85.9%,86.7%)`
CMYK	43, 1, 0, 13
HSL	181.3°, 58.5, 67.8	`hsl(181.3,58.5%,67.8%)`
HSV (or HSB)	181.3°, 43.4, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.969, -27.351, -9.707
XYZ	46.837, 60.241, 77.562
xyY	0.254, 0.326, 60.241
CIE-LCH	81.969, 29.022, 199.54
CIE-LUV	81.969, -42.083, -10.752
Hunter-Lab	77.615, -28.11, -4.919
Binary	01111101, 11011011, 11011101

#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#dd7f7d
```
#dd7f7d rgb(221,127,125)
```

Complementary Color

#7dddaf
```
#7dddaf rgb(125,221,175)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#7dabdd
```
#7dabdd rgb(125,171,221)
```

Analogous Color

#ddaf7d
```
#ddaf7d rgb(221,175,125)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#dd7dab
```
#dd7dab rgb(221,125,171)
```

Split Complementary Color

#dbdd7d
```
#dbdd7d rgb(219,221,125)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#dd7ddb
```
#dd7ddb rgb(221,125,219)
```

Triadic Color

#7ddd7f
```
#7ddd7f rgb(125,221,127)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#dd7ddb
```
#dd7ddb rgb(221,125,219)
```
#dd7f7d
```
#dd7f7d rgb(221,127,125)
```

Tetradic Color

#40cacd
```
#40cacd rgb(64,202,205)
```
#55d0d2
```
#55d0d2 rgb(85,208,210)
```
#69d5d8
```
#69d5d8 rgb(105,213,216)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#91e1e2
```
#91e1e2 rgb(145,225,226)
```
#a5e6e8
```
#a5e6e8 rgb(165,230,232)
```
#baeced
```
#baeced rgb(186,236,237)
```

Monochromatic Color

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

#7dddc7
```
#7dddc7 rgb(125,221,199)
```
#7dddcf
```
#7dddcf rgb(125,221,207)
```
#7dddd7
```
#7dddd7 rgb(125,221,215)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#7dd3dd
```
#7dd3dd rgb(125,211,221)
```
#7dcbdd
```
#7dcbdd rgb(125,203,221)
```
#7dc3dd
```
#7dc3dd rgb(125,195,221)
```

Similar Colors

Text with hexadecimal color #7ddbdd

This text has a font color of #7ddbdd.

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

#7ddbdd background color

This paragraph has a background color of #7ddbdd.

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

#7ddbdd border color

This element has a border color of #7ddbdd.

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

CSS codes

.text {color:#7ddbdd;}

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

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

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)
```
#0b2829
```
#0b2829 rgb(11,40,41)
```
#0f3839
```
#0f3839 rgb(15,56,57)
```
#134748
```
#134748 rgb(19,71,72)
```
#175658
```
#175658 rgb(23,86,88)
```
#1b6667
```
#1b6667 rgb(27,102,103)
```
#1f7577
```
#1f7577 rgb(31,117,119)
```
#238486
```
#238486 rgb(35,132,134)
```
#279496
```
#279496 rgb(39,148,150)
```
#2ba3a5
```
#2ba3a5 rgb(43,163,165)
```
#2fb2b5
```
#2fb2b5 rgb(47,178,181)
```
#33c2c5
```
#33c2c5 rgb(51,194,197)
```

Shade Color Variation

#3fcacd
```
#3fcacd rgb(63,202,205)
```
#4eced1
```
#4eced1 rgb(78,206,209)
```
#5ed2d5
```
#5ed2d5 rgb(94,210,213)
```
#6dd7d9
```
#6dd7d9 rgb(109,215,217)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#8ddfe1
```
#8ddfe1 rgb(141,223,225)
```
#9ce4e5
```
#9ce4e5 rgb(156,228,229)
```
#ace8e9
```
#ace8e9 rgb(172,232,233)
```
#bbeced
```
#bbeced rgb(187,236,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 #5df9fd 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)
```
#8acfd0
```
#8acfd0 rgb(138,207,208)
```
#83d5d7
```
#83d5d7 rgb(131,213,215)
```
#7ddbdd
```
#7ddbdd rgb(125,219,221)
```
#77e1e3
```
#77e1e3 rgb(119,225,227)
```
#70e7ea
```
#70e7ea rgb(112,231,234)
```
#6aedf0
```
#6aedf0 rgb(106,237,240)
```
#64f3f6
```
#64f3f6 rgb(100,243,246)
```
#5df9fd
```
#5df9fd rgb(93,249,253)
```

Tone Color Variation

Below, you can see how #7ddbdd 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
#b2c5c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcdd6 Protanopia 1% of men
#d6c9e5 Deuteranopia 1% of men
#88daea Tritanopia 0.001% of the population

Trichromacy

#b1d2d8 Protanomaly 1% of men, 0.01% of women
#b5cfe2 Deuteranomaly 6% of men, 0.4% of women
#84dae5 Tritanomaly 0.01% of the population

#7ddbdd hex color

#7ddbdd Color Information

#7ddbdd Color Conversion

Color Schemes with #7ddbdd

Alternatives to #7ddbdd

#7ddbdd Preview

Shades and Tints of #7ddbdd

Tones of #7ddbdd

Color Blindness Simulator