colorhexa.com

#7ed1e8 hex color

In a RGB color space, hex #7ed1e8 is composed of 49.4% red, 82% green and 91% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 9.9% magenta, 0% yellow and 9% black. It has a hue angle of 193 degrees, a saturation of 69.7% and a lightness of 70.2%. #7ed1e8 color hex could be obtained by blending #fcffff with #00a3d1. Closest websafe color is: #66ccff.

- R 49
- G 82
- B 91
RGB color chart
- C 46
- M 10
- Y 0
- K 9
CMYK color chart

● #7ed1e8 color description : Soft cyan.

The hexadecimal color #7ed1e8 has RGB values of R:126, G:209, B:232 and CMYK values of C:0.46, M:0.1, Y:0, K:0.09. Its decimal value is 8311272.

Hex triplet	7ed1e8	`#7ed1e8`
RGB Decimal	126, 209, 232	`rgb(126,209,232)`
RGB Percent	49.4, 82, 91	`rgb(49.4%,82%,91%)`
CMYK	46, 10, 0, 9
HSL	193°, 69.7, 70.2	`hsl(193,69.7%,70.2%)`
HSV (or HSB)	193°, 45.7, 91
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.534, -19.317, -19.223
XYZ	45.966, 55.86, 84.699
xyY	0.246, 0.299, 55.86
CIE-LCH	79.534, 27.252, 224.861
CIE-LUV	79.534, -37.497, -27.448
Hunter-Lab	74.74, -21.013, -14.873
Binary	01111110, 11010001, 11101000

#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#e8957e
```
#e8957e rgb(232,149,126)
```

Complementary Color

#7ee8ca
```
#7ee8ca rgb(126,232,202)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#7e9ce8
```
#7e9ce8 rgb(126,156,232)
```

Analogous Color

#e8ca7e
```
#e8ca7e rgb(232,202,126)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#e87e9c
```
#e87e9c rgb(232,126,156)
```

Split Complementary Color

#d1e87e
```
#d1e87e rgb(209,232,126)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#e87ed1
```
#e87ed1 rgb(232,126,209)
```

Triadic Color

#7ee895
```
#7ee895 rgb(126,232,149)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#e87ed1
```
#e87ed1 rgb(232,126,209)
```
#e8957e
```
#e8957e rgb(232,149,126)
```

Tetradic Color

#3dbadc
```
#3dbadc rgb(61,186,220)
```
#53c2e0
```
#53c2e0 rgb(83,194,224)
```
#68c9e4
```
#68c9e4 rgb(104,201,228)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#94d9ec
```
#94d9ec rgb(148,217,236)
```
#a9e0f0
```
#a9e0f0 rgb(169,224,240)
```
#bfe8f4
```
#bfe8f4 rgb(191,232,244)
```

Monochromatic Color

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

#7ee8e5
```
#7ee8e5 rgb(126,232,229)
```
#7ee3e8
```
#7ee3e8 rgb(126,227,232)
```
#7edae8
```
#7edae8 rgb(126,218,232)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#7ec8e8
```
#7ec8e8 rgb(126,200,232)
```
#7ebfe8
```
#7ebfe8 rgb(126,191,232)
```
#7eb7e8
```
#7eb7e8 rgb(126,183,232)
```

Similar Colors

Text with hexadecimal color #7ed1e8

This text has a font color of #7ed1e8.

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

#7ed1e8 background color

This paragraph has a background color of #7ed1e8.

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

#7ed1e8 border color

This element has a border color of #7ed1e8.

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

CSS codes

.text {color:#7ed1e8;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041115
```
#041115 rgb(4,17,21)
```
#071f25
```
#071f25 rgb(7,31,37)
```
#0a2c36
```
#0a2c36 rgb(10,44,54)
```
#0d3a47
```
#0d3a47 rgb(13,58,71)
```
#104857
```
#104857 rgb(16,72,87)
```
#135668
```
#135668 rgb(19,86,104)
```
#166379
```
#166379 rgb(22,99,121)
```
#187189
```
#187189 rgb(24,113,137)
```
#1b7f9a
```
#1b7f9a rgb(27,127,154)
```
#1e8cab
```
#1e8cab rgb(30,140,171)
```
#219abb
```
#219abb rgb(33,154,187)
```
#24a8cc
```
#24a8cc rgb(36,168,204)
```

Shade Color Variation

#2bb3d9
```
#2bb3d9 rgb(43,179,217)
```
#3bb9dc
```
#3bb9dc rgb(59,185,220)
```
#4cbfdf
```
#4cbfdf rgb(76,191,223)
```
#5dc5e2
```
#5dc5e2 rgb(93,197,226)
```
#6dcbe5
```
#6dcbe5 rgb(109,203,229)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#8fd7eb
```
#8fd7eb rgb(143,215,235)
```
#9fddee
```
#9fddee rgb(159,221,238)
```
#b0e3f1
```
#b0e3f1 rgb(176,227,241)
```
#c1e9f4
```
#c1e9f4 rgb(193,233,244)
```
#d1eff7
```
#d1eff7 rgb(209,239,247)
```
#e2f5fa
```
#e2f5fa rgb(226,245,250)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

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

#b3b3b3
```
#b3b3b3 rgb(179,179,179)
```
#adb7b9
```
#adb7b9 rgb(173,183,185)
```
#a7babf
```
#a7babf rgb(167,186,191)
```
#a1bdc5
```
#a1bdc5 rgb(161,189,197)
```
#9bc0cb
```
#9bc0cb rgb(155,192,203)
```
#95c4d1
```
#95c4d1 rgb(149,196,209)
```
#90c7d6
```
#90c7d6 rgb(144,199,214)
```
#8acadc
```
#8acadc rgb(138,202,220)
```
#84cee2
```
#84cee2 rgb(132,206,226)
```
#7ed1e8
```
#7ed1e8 rgb(126,209,232)
```
#78d4ee
```
#78d4ee rgb(120,212,238)
```
#72d8f4
```
#72d8f4 rgb(114,216,244)
```
#6cdbfa
```
#6cdbfa rgb(108,219,250)
```

Tone Color Variation

Below, you can see how #7ed1e8 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
#afbfc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c6e1 Protanopia 1% of men
#c6c4ee Deuteranopia 1% of men
#82d4e3 Tritanopia 0.001% of the population

Trichromacy

#aacae3 Protanomaly 1% of men, 0.01% of women
#abc8ec Deuteranomaly 6% of men, 0.4% of women
#80d3e5 Tritanomaly 0.01% of the population