#7df5dd hex color

In a RGB color space, hex #7df5dd is composed of 49% red, 96.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 0% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 168 degrees, a saturation of 85.7% and a lightness of 72.5%. #7df5dd color hex could be obtained by blending #faffff with #00ebbb. Closest websafe color is: #66ffcc.

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

● #7df5dd color description : Soft cyan.

The hexadecimal color #7df5dd has RGB values of R:125, G:245, B:221 and CMYK values of C:0.49, M:0, Y:0.1, K:0.04. Its decimal value is 8254941.

Hex triplet	7df5dd	`#7df5dd`
RGB Decimal	125, 245, 221	`rgb(125,245,221)`
RGB Percent	49, 96.1, 86.7	`rgb(49%,96.1%,86.7%)`
CMYK	49, 0, 10, 4
HSL	168°, 85.7, 72.5	`hsl(168,85.7%,72.5%)`
HSV (or HSB)	168°, 49, 96.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.337, -39.524, 1.144
XYZ	54.157, 74.882, 80.002
xyY	0.259, 0.358, 74.882
CIE-LCH	89.337, 39.541, 178.342
CIE-LUV	89.337, -52.267, 8.292
Hunter-Lab	86.534, -39.721, 5.759
Binary	01111101, 11110101, 11011101

#7df5dd
```
#7df5dd rgb(125,245,221)
```
#f57d95
```
#f57d95 rgb(245,125,149)
```

Complementary Color

#7df5a1
```
#7df5a1 rgb(125,245,161)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#7dd1f5
```
#7dd1f5 rgb(125,209,245)
```

Analogous Color

#f5a17d
```
#f5a17d rgb(245,161,125)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#f57dd1
```
#f57dd1 rgb(245,125,209)
```

Split Complementary Color

#f5dd7d
```
#f5dd7d rgb(245,221,125)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#dd7df5
```
#dd7df5 rgb(221,125,245)
```

Triadic Color

#95f57d
```
#95f57d rgb(149,245,125)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#dd7df5
```
#dd7df5 rgb(221,125,245)
```
#f57d95
```
#f57d95 rgb(245,125,149)
```

Tetradic Color

#36f0ca
```
#36f0ca rgb(54,240,202)
```
#4ef1d1
```
#4ef1d1 rgb(78,241,209)
```
#65f3d7
```
#65f3d7 rgb(101,243,215)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#95f7e3
```
#95f7e3 rgb(149,247,227)
```
#acf9e9
```
#acf9e9 rgb(172,249,233)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```

Monochromatic Color

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

#7df5bf
```
#7df5bf rgb(125,245,191)
```
#7df5c9
```
#7df5c9 rgb(125,245,201)
```
#7df5d3
```
#7df5d3 rgb(125,245,211)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#7df5e7
```
#7df5e7 rgb(125,245,231)
```
#7df5f1
```
#7df5f1 rgb(125,245,241)
```
#7deff5
```
#7deff5 rgb(125,239,245)
```

Similar Colors

Text with hexadecimal color #7df5dd

This text has a font color of #7df5dd.

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

#7df5dd background color

This paragraph has a background color of #7df5dd.

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

#7df5dd border color

This element has a border color of #7df5dd.

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

CSS codes

.text {color:#7df5dd;}

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

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

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, #01100d is the darkest color, while #fdfffe is the lightest one.

#01100d
```
#01100d rgb(1,16,13)
```
#03221c
```
#03221c rgb(3,34,28)
```
#04342b
```
#04342b rgb(4,52,43)
```
#054639
```
#054639 rgb(5,70,57)
```
#075948
```
#075948 rgb(7,89,72)
```
#086b57
```
#086b57 rgb(8,107,87)
```
#0a7d66
```
#0a7d66 rgb(10,125,102)
```
#0b8f75
```
#0b8f75 rgb(11,143,117)
```
#0ca184
```
#0ca184 rgb(12,161,132)
```
#0eb492
```
#0eb492 rgb(14,180,146)
```
#0fc6a1
```
#0fc6a1 rgb(15,198,161)
```
#11d8b0
```
#11d8b0 rgb(17,216,176)
```
#12eabf
```
#12eabf rgb(18,234,191)
```

Shade Color Variation

#22eec5
```
#22eec5 rgb(34,238,197)
```
#34efca
```
#34efca rgb(52,239,202)
```
#46f1cf
```
#46f1cf rgb(70,241,207)
```
#59f2d3
```
#59f2d3 rgb(89,242,211)
```
#6bf4d8
```
#6bf4d8 rgb(107,244,216)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#8ff6e2
```
#8ff6e2 rgb(143,246,226)
```
#a1f8e7
```
#a1f8e7 rgb(161,248,231)
```
#b4f9eb
```
#b4f9eb rgb(180,249,235)
```
#c6fbf0
```
#c6fbf0 rgb(198,251,240)
```
#d8fcf5
```
#d8fcf5 rgb(216,252,245)
```
#eafdfa
```
#eafdfa rgb(234,253,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#b8bab9
```
#b8bab9 rgb(184,186,185)
```
#b3bfbd
```
#b3bfbd rgb(179,191,189)
```
#adc5c0
```
#adc5c0 rgb(173,197,192)
```
#a8cac3
```
#a8cac3 rgb(168,202,195)
```
#a3cfc6
```
#a3cfc6 rgb(163,207,198)
```
#9dd5ca
```
#9dd5ca rgb(157,213,202)
```
#98dacd
```
#98dacd rgb(152,218,205)
```
#93dfd0
```
#93dfd0 rgb(147,223,208)
```
#8de5d3
```
#8de5d3 rgb(141,229,211)
```
#88ead7
```
#88ead7 rgb(136,234,215)
```
#82f0da
```
#82f0da rgb(130,240,218)
```
#7df5dd
```
#7df5dd rgb(125,245,221)
```
#78fae0
```
#78fae0 rgb(120,250,224)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bed6d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e1d4 Protanopia 1% of men
#f4dbe7 Deuteranopia 1% of men
#9beeff Tritanopia 0.001% of the population

Trichromacy

#c1e8d7 Protanomaly 1% of men, 0.01% of women
#c8e4e3 Deuteranomaly 6% of men, 0.4% of women
#90f1f2 Tritanomaly 0.01% of the population

#7df5dd hex color

#7df5dd Color Information

#7df5dd Color Conversion

Color Schemes with #7df5dd

Alternatives to #7df5dd

#7df5dd Preview

Shades and Tints of #7df5dd

Tones of #7df5dd

Color Blindness Simulator