#7ed7de hex color

In a RGB color space, hex #7ed7de is composed of 49.4% red, 84.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 3.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 184.4 degrees, a saturation of 59.3% and a lightness of 68.2%. #7ed7de color hex could be obtained by blending #fcffff with #00afbd. Closest websafe color is: #66cccc.

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

● #7ed7de color description : Very soft cyan.

The hexadecimal color #7ed7de has RGB values of R:126, G:215, B:222 and CMYK values of C:0.43, M:0.03, Y:0, K:0.13. Its decimal value is 8312798.

Hex triplet	7ed7de	`#7ed7de`
RGB Decimal	126, 215, 222	`rgb(126,215,222)`
RGB Percent	49.4, 84.3, 87.1	`rgb(49.4%,84.3%,87.1%)`
CMYK	43, 3, 0, 13
HSL	184.4°, 59.3, 68.2	`hsl(184.4,59.3%,68.2%)`
HSV (or HSB)	184.4°, 43.2, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.91, -24.906, -11.814
XYZ	46.086, 58.308, 77.929
xyY	0.253, 0.32, 58.308
CIE-LCH	80.91, 27.566, 205.378
CIE-LUV	80.91, -40.142, -14.504
Hunter-Lab	76.359, -25.897, -7.057
Binary	01111110, 11010111, 11011110

#7ed7de
```
#7ed7de rgb(126,215,222)
```
#de857e
```
#de857e rgb(222,133,126)
```

Complementary Color

#7edeb5
```
#7edeb5 rgb(126,222,181)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#7ea7de
```
#7ea7de rgb(126,167,222)
```

Analogous Color

#deb57e
```
#deb57e rgb(222,181,126)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#de7ea7
```
#de7ea7 rgb(222,126,167)
```

Split Complementary Color

#d7de7e
```
#d7de7e rgb(215,222,126)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#de7ed7
```
#de7ed7 rgb(222,126,215)
```

Triadic Color

#7ede85
```
#7ede85 rgb(126,222,133)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#de7ed7
```
#de7ed7 rgb(222,126,215)
```
#de857e
```
#de857e rgb(222,133,126)
```

Tetradic Color

#41c4ce
```
#41c4ce rgb(65,196,206)
```
#55cad4
```
#55cad4 rgb(85,202,212)
```
#6ad1d9
```
#6ad1d9 rgb(106,209,217)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#92dde3
```
#92dde3 rgb(146,221,227)
```
#a7e4e8
```
#a7e4e8 rgb(167,228,232)
```
#bbeaee
```
#bbeaee rgb(187,234,238)
```

Monochromatic Color

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

#7edecd
```
#7edecd rgb(126,222,205)
```
#7eded5
```
#7eded5 rgb(126,222,213)
```
#7ededd
```
#7ededd rgb(126,222,221)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#7ecfde
```
#7ecfde rgb(126,207,222)
```
#7ec7de
```
#7ec7de rgb(126,199,222)
```
#7ebfde
```
#7ebfde rgb(126,191,222)
```

Similar Colors

Text with hexadecimal color #7ed7de

This text has a font color of #7ed7de.

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

#7ed7de background color

This paragraph has a background color of #7ed7de.

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

#7ed7de border color

This element has a border color of #7ed7de.

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

CSS codes

.text {color:#7ed7de;}

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

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

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, #030b0c is the darkest color, while #fbfefe is the lightest one.

#030b0c
```
#030b0c rgb(3,11,12)
```
#071a1b
```
#071a1b rgb(7,26,27)
```
#0b282b
```
#0b282b rgb(11,40,43)
```
#0f373a
```
#0f373a rgb(15,55,58)
```
#13464a
```
#13464a rgb(19,70,74)
```
#17555a
```
#17555a rgb(23,85,90)
```
#1b6469
```
#1b6469 rgb(27,100,105)
```
#1f7279
```
#1f7279 rgb(31,114,121)
```
#238189
```
#238189 rgb(35,129,137)
```
#279098
```
#279098 rgb(39,144,152)
```
#2b9fa8
```
#2b9fa8 rgb(43,159,168)
```
#2fadb7
```
#2fadb7 rgb(47,173,183)
```
#33bcc7
```
#33bcc7 rgb(51,188,199)
```

Shade Color Variation

#40c4ce
```
#40c4ce rgb(64,196,206)
```
#4fc8d2
```
#4fc8d2 rgb(79,200,210)
```
#5fcdd6
```
#5fcdd6 rgb(95,205,214)
```
#6ed2da
```
#6ed2da rgb(110,210,218)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#8edce2
```
#8edce2 rgb(142,220,226)
```
#9de1e6
```
#9de1e6 rgb(157,225,230)
```
#ade6ea
```
#ade6ea rgb(173,230,234)
```
#bceaee
```
#bceaee rgb(188,234,238)
```
#cceff2
```
#cceff2 rgb(204,239,242)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#ebf9fa
```
#ebf9fa rgb(235,249,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#aab2b2
```
#aab2b2 rgb(170,178,178)
```
#a3b7b9
```
#a3b7b9 rgb(163,183,185)
```
#9dbcbf
```
#9dbcbf rgb(157,188,191)
```
#97c2c5
```
#97c2c5 rgb(151,194,197)
```
#91c7cb
```
#91c7cb rgb(145,199,203)
```
#8accd2
```
#8accd2 rgb(138,204,210)
```
#84d2d8
```
#84d2d8 rgb(132,210,216)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#78dce4
```
#78dce4 rgb(120,220,228)
```
#72e2ea
```
#72e2ea rgb(114,226,234)
```
#6be7f1
```
#6be7f1 rgb(107,231,241)
```
#65ecf7
```
#65ecf7 rgb(101,236,247)
```
#5ff2fd
```
#5ff2fd rgb(95,242,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b0c2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcad7 Protanopia 1% of men
#d1c6e6 Deuteranopia 1% of men
#87d7e7 Tritanopia 0.001% of the population

Trichromacy

#afcfd9 Protanomaly 1% of men, 0.01% of women
#b3cce3 Deuteranomaly 6% of men, 0.4% of women
#84d7e4 Tritanomaly 0.01% of the population

#7ed7de hex color

#7ed7de Color Information

#7ed7de Color Conversion

Color Schemes with #7ed7de

Alternatives to #7ed7de

#7ed7de Preview

Shades and Tints of #7ed7de

Tones of #7ed7de

Color Blindness Simulator