#7df5dc hex color

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

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

● #7df5dc color description : Soft cyan.

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

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

CIE-LAB	89.313, -39.756, 1.629
XYZ	54.024, 74.828, 79.303
xyY	0.26, 0.359, 74.828
CIE-LCH	89.313, 39.789, 177.654
CIE-LUV	89.313, -52.308, 9.08
Hunter-Lab	86.503, -39.902, 6.198
Binary	01111101, 11110101, 11011100

#7df5dc
```
#7df5dc rgb(125,245,220)
```
#f57d96
```
#f57d96 rgb(245,125,150)
```

Complementary Color

#7df5a0
```
#7df5a0 rgb(125,245,160)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#7dd2f5
```
#7dd2f5 rgb(125,210,245)
```

Analogous Color

#f5a07d
```
#f5a07d rgb(245,160,125)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#f57dd2
```
#f57dd2 rgb(245,125,210)
```

Split Complementary Color

#f5dc7d
```
#f5dc7d rgb(245,220,125)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#dc7df5
```
#dc7df5 rgb(220,125,245)
```

Triadic Color

#96f57d
```
#96f57d rgb(150,245,125)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#dc7df5
```
#dc7df5 rgb(220,125,245)
```
#f57d96
```
#f57d96 rgb(245,125,150)
```

Tetradic Color

#36f0c9
```
#36f0c9 rgb(54,240,201)
```
#4ef1cf
```
#4ef1cf rgb(78,241,207)
```
#65f3d6
```
#65f3d6 rgb(101,243,214)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#95f7e2
```
#95f7e2 rgb(149,247,226)
```
#acf9e9
```
#acf9e9 rgb(172,249,233)
```
#c4faef
```
#c4faef rgb(196,250,239)
```

Monochromatic Color

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

#7df5be
```
#7df5be rgb(125,245,190)
```
#7df5c8
```
#7df5c8 rgb(125,245,200)
```
#7df5d2
```
#7df5d2 rgb(125,245,210)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#7df5e6
```
#7df5e6 rgb(125,245,230)
```
#7df5f0
```
#7df5f0 rgb(125,245,240)
```
#7df0f5
```
#7df0f5 rgb(125,240,245)
```

Similar Colors

Text with hexadecimal color #7df5dc

This text has a font color of #7df5dc.

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

#7df5dc background color

This paragraph has a background color of #7df5dc.

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

#7df5dc border color

This element has a border color of #7df5dc.

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

CSS codes

.text {color:#7df5dc;}

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

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

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)
```
#03221b
```
#03221b rgb(3,34,27)
```
#04342a
```
#04342a rgb(4,52,42)
```
#054639
```
#054639 rgb(5,70,57)
```
#075948
```
#075948 rgb(7,89,72)
```
#086b56
```
#086b56 rgb(8,107,86)
```
#0a7d65
```
#0a7d65 rgb(10,125,101)
```
#0b8f74
```
#0b8f74 rgb(11,143,116)
```
#0ca182
```
#0ca182 rgb(12,161,130)
```
#0eb491
```
#0eb491 rgb(14,180,145)
```
#0fc6a0
```
#0fc6a0 rgb(15,198,160)
```
#11d8af
```
#11d8af rgb(17,216,175)
```
#12eabd
```
#12eabd rgb(18,234,189)
```

Shade Color Variation

#22eec3
```
#22eec3 rgb(34,238,195)
```
#34efc8
```
#34efc8 rgb(52,239,200)
```
#46f1cd
```
#46f1cd rgb(70,241,205)
```
#59f2d2
```
#59f2d2 rgb(89,242,210)
```
#6bf4d7
```
#6bf4d7 rgb(107,244,215)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#8ff6e1
```
#8ff6e1 rgb(143,246,225)
```
#a1f8e6
```
#a1f8e6 rgb(161,248,230)
```
#b4f9eb
```
#b4f9eb rgb(180,249,235)
```
#c6fbf0
```
#c6fbf0 rgb(198,251,240)
```
#d8fcf5
```
#d8fcf5 rgb(216,252,245)
```
#eafdf9
```
#eafdf9 rgb(234,253,249)
```
#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 #78fadf 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)
```
#9dd5c9
```
#9dd5c9 rgb(157,213,201)
```
#98dacc
```
#98dacc rgb(152,218,204)
```
#93dfcf
```
#93dfcf rgb(147,223,207)
```
#8de5d3
```
#8de5d3 rgb(141,229,211)
```
#88ead6
```
#88ead6 rgb(136,234,214)
```
#82f0d9
```
#82f0d9 rgb(130,240,217)
```
#7df5dc
```
#7df5dc rgb(125,245,220)
```
#78fadf
```
#78fadf rgb(120,250,223)
```

Tone Color Variation

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

#e9e1d3 Protanopia 1% of men
#f4dbe6 Deuteranopia 1% of men
#9beeff Tritanopia 0.001% of the population

Trichromacy

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

#7df5dc hex color

#7df5dc Color Information

#7df5dc Color Conversion

Color Schemes with #7df5dc

Alternatives to #7df5dc

#7df5dc Preview

Shades and Tints of #7df5dc

Tones of #7df5dc

Color Blindness Simulator