#7df7de hex color

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

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

● #7df7de color description : Soft cyan.

The hexadecimal color #7df7de has RGB values of R:125, G:247, B:222 and CMYK values of C:0.49, M:0, Y:0.1, K:0.03. Its decimal value is 8255454.

Hex triplet	7df7de	`#7df7de`
RGB Decimal	125, 247, 222	`rgb(125,247,222)`
RGB Percent	49, 96.9, 87.1	`rgb(49%,96.9%,87.1%)`
CMYK	49, 0, 10, 3
HSL	167.7°, 88.4, 72.9	`hsl(167.7,88.4%,72.9%)`
HSV (or HSB)	167.7°, 49.4, 96.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.93, -40.192, 1.486
XYZ	54.899, 76.152, 80.909
xyY	0.259, 0.359, 76.152
CIE-LCH	89.93, 40.22, 177.883
CIE-LUV	89.93, -52.997, 8.937
Hunter-Lab	87.265, -40.418, 6.114
Binary	01111101, 11110111, 11011110

#7df7de
```
#7df7de rgb(125,247,222)
```
#f77d96
```
#f77d96 rgb(247,125,150)
```

Complementary Color

#7df7a1
```
#7df7a1 rgb(125,247,161)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#7dd3f7
```
#7dd3f7 rgb(125,211,247)
```

Analogous Color

#f7a17d
```
#f7a17d rgb(247,161,125)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#f77dd3
```
#f77dd3 rgb(247,125,211)
```

Split Complementary Color

#f7de7d
```
#f7de7d rgb(247,222,125)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#de7df7
```
#de7df7 rgb(222,125,247)
```

Triadic Color

#96f77d
```
#96f77d rgb(150,247,125)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#de7df7
```
#de7df7 rgb(222,125,247)
```
#f77d96
```
#f77d96 rgb(247,125,150)
```

Tetradic Color

#35f3cc
```
#35f3cc rgb(53,243,204)
```
#4df4d2
```
#4df4d2 rgb(77,244,210)
```
#65f6d8
```
#65f6d8 rgb(101,246,216)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#95f8e4
```
#95f8e4 rgb(149,248,228)
```
#adfaea
```
#adfaea rgb(173,250,234)
```
#c5fbf0
```
#c5fbf0 rgb(197,251,240)
```

Monochromatic Color

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

#7df7c0
```
#7df7c0 rgb(125,247,192)
```
#7df7ca
```
#7df7ca rgb(125,247,202)
```
#7df7d4
```
#7df7d4 rgb(125,247,212)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#7df7e8
```
#7df7e8 rgb(125,247,232)
```
#7df7f2
```
#7df7f2 rgb(125,247,242)
```
#7df2f7
```
#7df2f7 rgb(125,242,247)
```

Similar Colors

Text with hexadecimal color #7df7de

This text has a font color of #7df7de.

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

#7df7de background color

This paragraph has a background color of #7df7de.

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

#7df7de border color

This element has a border color of #7df7de.

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

CSS codes

.text {color:#7df7de;}

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

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

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)
```
#03372c
```
#03372c rgb(3,55,44)
```
#05493b
```
#05493b rgb(5,73,59)
```
#065c4a
```
#065c4a rgb(6,92,74)
```
#076e59
```
#076e59 rgb(7,110,89)
```
#088168
```
#088168 rgb(8,129,104)
```
#099377
```
#099377 rgb(9,147,119)
```
#0aa686
```
#0aa686 rgb(10,166,134)
```
#0bb895
```
#0bb895 rgb(11,184,149)
```
#0ccba4
```
#0ccba4 rgb(12,203,164)
```
#0eddb3
```
#0eddb3 rgb(14,221,179)
```
#0ff0c1
```
#0ff0c1 rgb(15,240,193)
```

Shade Color Variation

#21f1c7
```
#21f1c7 rgb(33,241,199)
```
#33f2cb
```
#33f2cb rgb(51,242,203)
```
#46f4d0
```
#46f4d0 rgb(70,244,208)
```
#58f5d5
```
#58f5d5 rgb(88,245,213)
```
#6bf6d9
```
#6bf6d9 rgb(107,246,217)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#8ff8e3
```
#8ff8e3 rgb(143,248,227)
```
#a2f9e7
```
#a2f9e7 rgb(162,249,231)
```
#b4faec
```
#b4faec rgb(180,250,236)
```
#c7fcf1
```
#c7fcf1 rgb(199,252,241)
```
#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, #b7bdbc is the less saturated color, while #78fce1 is the most saturated one.

#b7bdbc
```
#b7bdbc rgb(183,189,188)
```
#b2c2bf
```
#b2c2bf rgb(178,194,191)
```
#adc7c2
```
#adc7c2 rgb(173,199,194)
```
#a7cdc5
```
#a7cdc5 rgb(167,205,197)
```
#a2d2c8
```
#a2d2c8 rgb(162,210,200)
```
#9dd7cb
```
#9dd7cb rgb(157,215,203)
```
#98dcce
```
#98dcce rgb(152,220,206)
```
#92e2d1
```
#92e2d1 rgb(146,226,209)
```
#8de7d5
```
#8de7d5 rgb(141,231,213)
```
#88ecd8
```
#88ecd8 rgb(136,236,216)
```
#82f2db
```
#82f2db rgb(130,242,219)
```
#7df7de
```
#7df7de rgb(125,247,222)
```
#78fce1
```
#78fce1 rgb(120,252,225)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#bfd8d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe2d5 Protanopia 1% of men
#f6dde8 Deuteranopia 1% of men
#a2efff Tritanopia 0.001% of the population

Trichromacy

#c3ead8 Protanomaly 1% of men, 0.01% of women
#cae6e4 Deuteranomaly 6% of men, 0.4% of women
#94f2f3 Tritanomaly 0.01% of the population

#7df7de hex color

#7df7de Color Information

#7df7de Color Conversion

Color Schemes with #7df7de

Alternatives to #7df7de

#7df7de Preview

Shades and Tints of #7df7de

Tones of #7df7de

Color Blindness Simulator