#7df7dc hex color

In a RGB color space, hex #7df7dc is composed of 49% red, 96.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 10.9% yellow and 3.1% black. It has a hue angle of 166.7 degrees, a saturation of 88.4% and a lightness of 72.9%. #7df7dc color hex could be obtained by blending #faffff with #00efb9. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 49
- G 97
- B 86
RGB color chart
- C 49
- M 0
- Y 11
- K 3
CMYK color chart

● #7df7dc color description : Soft cyan.

The hexadecimal color #7df7dc has RGB values of R:125, G:247, B:220 and CMYK values of C:0.49, M:0, Y:0.11, K:0.03. Its decimal value is 8255452.

Hex triplet	7df7dc	`#7df7dc`
RGB Decimal	125, 247, 220	`rgb(125,247,220)`
RGB Percent	49, 96.9, 86.3	`rgb(49%,96.9%,86.3%)`
CMYK	49, 0, 11, 3
HSL	166.7°, 88.4, 72.9	`hsl(166.7,88.4%,72.9%)`
HSV (or HSB)	166.7°, 49.4, 96.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.88, -40.654, 2.454
XYZ	54.632, 76.045, 79.505
xyY	0.26, 0.362, 76.045
CIE-LCH	89.88, 40.728, 176.545
CIE-LUV	89.88, -53.082, 10.507
Hunter-Lab	87.204, -40.778, 6.987
Binary	01111101, 11110111, 11011100

#7df7dc
```
#7df7dc rgb(125,247,220)
```
#f77d98
```
#f77d98 rgb(247,125,152)
```

Complementary Color

#7df79f
```
#7df79f rgb(125,247,159)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#7dd5f7
```
#7dd5f7 rgb(125,213,247)
```

Analogous Color

#f79f7d
```
#f79f7d rgb(247,159,125)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#f77dd5
```
#f77dd5 rgb(247,125,213)
```

Split Complementary Color

#f7dc7d
```
#f7dc7d rgb(247,220,125)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#dc7df7
```
#dc7df7 rgb(220,125,247)
```

Triadic Color

#98f77d
```
#98f77d rgb(152,247,125)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#dc7df7
```
#dc7df7 rgb(220,125,247)
```
#f77d98
```
#f77d98 rgb(247,125,152)
```

Tetradic Color

#35f3c9
```
#35f3c9 rgb(53,243,201)
```
#4df4cf
```
#4df4cf rgb(77,244,207)
```
#65f6d6
```
#65f6d6 rgb(101,246,214)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#95f8e2
```
#95f8e2 rgb(149,248,226)
```
#adfae9
```
#adfae9 rgb(173,250,233)
```
#c5fbef
```
#c5fbef rgb(197,251,239)
```

Monochromatic Color

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

#7df7be
```
#7df7be rgb(125,247,190)
```
#7df7c8
```
#7df7c8 rgb(125,247,200)
```
#7df7d2
```
#7df7d2 rgb(125,247,210)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#7df7e6
```
#7df7e6 rgb(125,247,230)
```
#7df7f0
```
#7df7f0 rgb(125,247,240)
```
#7df4f7
```
#7df4f7 rgb(125,244,247)
```

Similar Colors

Text with hexadecimal color #7df7dc

This text has a font color of #7df7dc.

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

#7df7dc background color

This paragraph has a background color of #7df7dc.

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

#7df7dc border color

This element has a border color of #7df7dc.

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

CSS codes

.text {color:#7df7dc;}

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

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

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, #01120e is the darkest color, while #feffff is the lightest one.

#01120e
```
#01120e rgb(1,18,14)
```
#02241d
```
#02241d rgb(2,36,29)
```
#03372b
```
#03372b rgb(3,55,43)
```
#05493a
```
#05493a rgb(5,73,58)
```
#065c49
```
#065c49 rgb(6,92,73)
```
#076e57
```
#076e57 rgb(7,110,87)
```
#088166
```
#088166 rgb(8,129,102)
```
#099375
```
#099375 rgb(9,147,117)
```
#0aa683
```
#0aa683 rgb(10,166,131)
```
#0bb892
```
#0bb892 rgb(11,184,146)
```
#0ccba1
```
#0ccba1 rgb(12,203,161)
```
#0eddaf
```
#0eddaf rgb(14,221,175)
```
#0ff0be
```
#0ff0be rgb(15,240,190)
```

Shade Color Variation

#21f1c3
```
#21f1c3 rgb(33,241,195)
```
#33f2c8
```
#33f2c8 rgb(51,242,200)
```
#46f4cd
```
#46f4cd rgb(70,244,205)
```
#58f5d2
```
#58f5d2 rgb(88,245,210)
```
#6bf6d7
```
#6bf6d7 rgb(107,246,215)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#8ff8e1
```
#8ff8e1 rgb(143,248,225)
```
#a2f9e6
```
#a2f9e6 rgb(162,249,230)
```
#b4faeb
```
#b4faeb rgb(180,250,235)
```
#c7fcf0
```
#c7fcf0 rgb(199,252,240)
```
#d9fdf5
```
#d9fdf5 rgb(217,253,245)
```
#ecfefa
```
#ecfefa rgb(236,254,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b7bdbb
```
#b7bdbb rgb(183,189,187)
```
#b2c2be
```
#b2c2be rgb(178,194,190)
```
#adc7c1
```
#adc7c1 rgb(173,199,193)
```
#a7cdc4
```
#a7cdc4 rgb(167,205,196)
```
#a2d2c7
```
#a2d2c7 rgb(162,210,199)
```
#9dd7ca
```
#9dd7ca rgb(157,215,202)
```
#98dccd
```
#98dccd rgb(152,220,205)
```
#92e2d0
```
#92e2d0 rgb(146,226,208)
```
#8de7d3
```
#8de7d3 rgb(141,231,211)
```
#88ecd6
```
#88ecd6 rgb(136,236,214)
```
#82f2d9
```
#82f2d9 rgb(130,242,217)
```
#7df7dc
```
#7df7dc rgb(125,247,220)
```
#78fcdf
```
#78fcdf rgb(120,252,223)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bfd7d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe2d3 Protanopia 1% of men
#f6dce7 Deuteranopia 1% of men
#a1efff Tritanopia 0.001% of the population

Trichromacy

#c3ead6 Protanomaly 1% of men, 0.01% of women
#cae6e3 Deuteranomaly 6% of men, 0.4% of women
#94f2f2 Tritanomaly 0.01% of the population

#7df7dc hex color

#7df7dc Color Information

#7df7dc Color Conversion

Color Schemes with #7df7dc

Alternatives to #7df7dc

#7df7dc Preview

Shades and Tints of #7df7dc

Tones of #7df7dc

Color Blindness Simulator