#7ed1ed hex color

In a RGB color space, hex #7ed1ed is composed of 49.4% red, 82% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 11.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 195.1 degrees, a saturation of 75.5% and a lightness of 71.2%. #7ed1ed color hex could be obtained by blending #fcffff with #00a3db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 82
- B 93
RGB color chart
- C 47
- M 12
- Y 0
- K 7
CMYK color chart

● #7ed1ed color description : Soft blue.

The hexadecimal color #7ed1ed has RGB values of R:126, G:209, B:237 and CMYK values of C:0.47, M:0.12, Y:0, K:0.07. Its decimal value is 8311277.

Hex triplet	7ed1ed	`#7ed1ed`
RGB Decimal	126, 209, 237	`rgb(126,209,237)`
RGB Percent	49.4, 82, 92.9	`rgb(49.4%,82%,92.9%)`
CMYK	47, 12, 0, 7
HSL	195.1°, 75.5, 71.2	`hsl(195.1,75.5%,71.2%)`
HSV (or HSB)	195.1°, 46.8, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.698, -17.984, -21.647
XYZ	46.687, 56.148, 88.494
xyY	0.244, 0.293, 56.148
CIE-LCH	79.698, 28.143, 230.28
CIE-LUV	79.698, -37.37, -31.69
Hunter-Lab	74.932, -19.916, -17.568
Binary	01111110, 11010001, 11101101

#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#ed9a7e
```
#ed9a7e rgb(237,154,126)
```

Complementary Color

#7eedd2
```
#7eedd2 rgb(126,237,210)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#7e9aed
```
#7e9aed rgb(126,154,237)
```

Analogous Color

#edd27e
```
#edd27e rgb(237,210,126)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#ed7e9a
```
#ed7e9a rgb(237,126,154)
```

Split Complementary Color

#d1ed7e
```
#d1ed7e rgb(209,237,126)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#ed7ed1
```
#ed7ed1 rgb(237,126,209)
```

Triadic Color

#7eed9a
```
#7eed9a rgb(126,237,154)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#ed7ed1
```
#ed7ed1 rgb(237,126,209)
```
#ed9a7e
```
#ed9a7e rgb(237,154,126)
```

Tetradic Color

#3bb9e4
```
#3bb9e4 rgb(59,185,228)
```
#51c1e7
```
#51c1e7 rgb(81,193,231)
```
#68c9ea
```
#68c9ea rgb(104,201,234)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#94d9f0
```
#94d9f0 rgb(148,217,240)
```
#abe1f3
```
#abe1f3 rgb(171,225,243)
```
#c1e9f6
```
#c1e9f6 rgb(193,233,246)
```

Monochromatic Color

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

#7eeded
```
#7eeded rgb(126,237,237)
```
#7ee4ed
```
#7ee4ed rgb(126,228,237)
```
#7edaed
```
#7edaed rgb(126,218,237)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#7ec8ed
```
#7ec8ed rgb(126,200,237)
```
#7ebfed
```
#7ebfed rgb(126,191,237)
```
#7eb5ed
```
#7eb5ed rgb(126,181,237)
```

Similar Colors

Text with hexadecimal color #7ed1ed

This text has a font color of #7ed1ed.

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

#7ed1ed background color

This paragraph has a background color of #7ed1ed.

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

#7ed1ed border color

This element has a border color of #7ed1ed.

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

CSS codes

.text {color:#7ed1ed;}

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

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

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, #010709 is the darkest color, while #f6fcfe is the lightest one.

#010709
```
#010709 rgb(1,7,9)
```
#04141a
```
#04141a rgb(4,20,26)
```
#06222b
```
#06222b rgb(6,34,43)
```
#082f3c
```
#082f3c rgb(8,47,60)
```
#0b3d4e
```
#0b3d4e rgb(11,61,78)
```
#0d4a5f
```
#0d4a5f rgb(13,74,95)
```
#105870
```
#105870 rgb(16,88,112)
```
#126581
```
#126581 rgb(18,101,129)
```
#147392
```
#147392 rgb(20,115,146)
```
#1780a4
```
#1780a4 rgb(23,128,164)
```
#198eb5
```
#198eb5 rgb(25,142,181)
```
#1c9bc6
```
#1c9bc6 rgb(28,155,198)
```
#1ea9d7
```
#1ea9d7 rgb(30,169,215)
```

Shade Color Variation

#28b2e1
```
#28b2e1 rgb(40,178,225)
```
#39b8e3
```
#39b8e3 rgb(57,184,227)
```
#4abfe6
```
#4abfe6 rgb(74,191,230)
```
#5cc5e8
```
#5cc5e8 rgb(92,197,232)
```
#6dcbeb
```
#6dcbeb rgb(109,203,235)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#8fd7ef
```
#8fd7ef rgb(143,215,239)
```
#a0ddf2
```
#a0ddf2 rgb(160,221,242)
```
#b2e3f4
```
#b2e3f4 rgb(178,227,244)
```
#c3eaf7
```
#c3eaf7 rgb(195,234,247)
```
#d4f0f9
```
#d4f0f9 rgb(212,240,249)
```
#e5f6fb
```
#e5f6fb rgb(229,246,251)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#b1b8ba
```
#b1b8ba rgb(177,184,186)
```
#abbbc0
```
#abbbc0 rgb(171,187,192)
```
#a6bdc5
```
#a6bdc5 rgb(166,189,197)
```
#a0c0cb
```
#a0c0cb rgb(160,192,203)
```
#9ac3d1
```
#9ac3d1 rgb(154,195,209)
```
#95c6d6
```
#95c6d6 rgb(149,198,214)
```
#8fc9dc
```
#8fc9dc rgb(143,201,220)
```
#89cbe2
```
#89cbe2 rgb(137,203,226)
```
#84cee7
```
#84cee7 rgb(132,206,231)
```
#7ed1ed
```
#7ed1ed rgb(126,209,237)
```
#78d4f3
```
#78d4f3 rgb(120,212,243)
```
#73d7f8
```
#73d7f8 rgb(115,215,248)
```
#6dd9fe
```
#6dd9fe rgb(109,217,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#afbfc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c6e6 Protanopia 1% of men
#c4c4f3 Deuteranopia 1% of men
#81d5e4 Tritanopia 0.001% of the population

Trichromacy

#a9cae8 Protanomaly 1% of men, 0.01% of women
#aac9f1 Deuteranomaly 6% of men, 0.4% of women
#7fd3e7 Tritanomaly 0.01% of the population

#7ed1ed hex color

#7ed1ed Color Information

#7ed1ed Color Conversion

Color Schemes with #7ed1ed

Alternatives to #7ed1ed

#7ed1ed Preview

Shades and Tints of #7ed1ed

Tones of #7ed1ed

Color Blindness Simulator