#7dd5dd hex color

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

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

● #7dd5dd color description : Very soft cyan.

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

Hex triplet	7dd5dd	`#7dd5dd`
RGB Decimal	125, 213, 221	`rgb(125,213,221)`
RGB Percent	49, 83.5, 86.7	`rgb(49%,83.5%,86.7%)`
CMYK	43, 4, 0, 13
HSL	185°, 58.5, 67.8	`hsl(185,58.5%,67.8%)`
HSV (or HSB)	185°, 43.4, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.273, -24.41, -12.236
XYZ	45.299, 57.166, 77.05
xyY	0.252, 0.318, 57.166
CIE-LCH	80.273, 27.305, 206.624
CIE-LUV	80.273, -39.703, -15.249
Hunter-Lab	75.608, -25.37, -7.494
Binary	01111101, 11010101, 11011101

#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#dd857d
```
#dd857d rgb(221,133,125)
```

Complementary Color

#7dddb5
```
#7dddb5 rgb(125,221,181)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#7da5dd
```
#7da5dd rgb(125,165,221)
```

Analogous Color

#ddb57d
```
#ddb57d rgb(221,181,125)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#dd7da5
```
#dd7da5 rgb(221,125,165)
```

Split Complementary Color

#d5dd7d
```
#d5dd7d rgb(213,221,125)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#dd7dd5
```
#dd7dd5 rgb(221,125,213)
```

Triadic Color

#7ddd85
```
#7ddd85 rgb(125,221,133)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#dd7dd5
```
#dd7dd5 rgb(221,125,213)
```
#dd857d
```
#dd857d rgb(221,133,125)
```

Tetradic Color

#40c1cd
```
#40c1cd rgb(64,193,205)
```
#55c8d2
```
#55c8d2 rgb(85,200,210)
```
#69ced8
```
#69ced8 rgb(105,206,216)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#91dce2
```
#91dce2 rgb(145,220,226)
```
#a5e2e8
```
#a5e2e8 rgb(165,226,232)
```
#bae9ed
```
#bae9ed rgb(186,233,237)
```

Monochromatic Color

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

#7dddcd
```
#7dddcd rgb(125,221,205)
```
#7dddd5
```
#7dddd5 rgb(125,221,213)
```
#7ddddd
```
#7ddddd rgb(125,221,221)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#7dcddd
```
#7dcddd rgb(125,205,221)
```
#7dc5dd
```
#7dc5dd rgb(125,197,221)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```

Similar Colors

Text with hexadecimal color #7dd5dd

This text has a font color of #7dd5dd.

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

#7dd5dd background color

This paragraph has a background color of #7dd5dd.

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

#7dd5dd border color

This element has a border color of #7dd5dd.

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

CSS codes

.text {color:#7dd5dd;}

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

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

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

#03090a
```
#03090a rgb(3,9,10)
```
#071819
```
#071819 rgb(7,24,25)
```
#0b2729
```
#0b2729 rgb(11,39,41)
```
#0f3539
```
#0f3539 rgb(15,53,57)
```
#134448
```
#134448 rgb(19,68,72)
```
#175258
```
#175258 rgb(23,82,88)
```
#1b6167
```
#1b6167 rgb(27,97,103)
```
#1f6f77
```
#1f6f77 rgb(31,111,119)
```
#237e86
```
#237e86 rgb(35,126,134)
```
#278d96
```
#278d96 rgb(39,141,150)
```
#2b9ba5
```
#2b9ba5 rgb(43,155,165)
```
#2faab5
```
#2faab5 rgb(47,170,181)
```
#33b8c5
```
#33b8c5 rgb(51,184,197)
```

Shade Color Variation

#3fc1cd
```
#3fc1cd rgb(63,193,205)
```
#4ec6d1
```
#4ec6d1 rgb(78,198,209)
```
#5ecbd5
```
#5ecbd5 rgb(94,203,213)
```
#6dd0d9
```
#6dd0d9 rgb(109,208,217)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#8ddae1
```
#8ddae1 rgb(141,218,225)
```
#9cdfe5
```
#9cdfe5 rgb(156,223,229)
```
#ace4e9
```
#ace4e9 rgb(172,228,233)
```
#bbe9ed
```
#bbe9ed rgb(187,233,237)
```
#cbeef1
```
#cbeef1 rgb(203,238,241)
```
#daf3f5
```
#daf3f5 rgb(218,243,245)
```
#eaf8f9
```
#eaf8f9 rgb(234,248,249)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#a9b0b1
```
#a9b0b1 rgb(169,176,177)
```
#a3b5b7
```
#a3b5b7 rgb(163,181,183)
```
#9dbbbd
```
#9dbbbd rgb(157,187,189)
```
#96c0c4
```
#96c0c4 rgb(150,192,196)
```
#90c5ca
```
#90c5ca rgb(144,197,202)
```
#8acad0
```
#8acad0 rgb(138,202,208)
```
#83d0d7
```
#83d0d7 rgb(131,208,215)
```
#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#77dae3
```
#77dae3 rgb(119,218,227)
```
#70e0ea
```
#70e0ea rgb(112,224,234)
```
#6ae5f0
```
#6ae5f0 rgb(106,229,240)
```
#64eaf6
```
#64eaf6 rgb(100,234,246)
```
#5deffd
```
#5deffd rgb(93,239,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#afc1c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c8d6 Protanopia 1% of men
#cfc5e5 Deuteranopia 1% of men
#86d6e5 Tritanopia 0.001% of the population

Trichromacy

#adcdd8 Protanomaly 1% of men, 0.01% of women
#b1cbe2 Deuteranomaly 6% of men, 0.4% of women
#82d5e2 Tritanomaly 0.01% of the population

#7dd5dd hex color

#7dd5dd Color Information

#7dd5dd Color Conversion

Color Schemes with #7dd5dd

Alternatives to #7dd5dd

#7dd5dd Preview

Shades and Tints of #7dd5dd

Tones of #7dd5dd

Color Blindness Simulator