#8ed6f5 hex color

In a RGB color space, hex #8ed6f5 is composed of 55.7% red, 83.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 12.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 198.1 degrees, a saturation of 83.7% and a lightness of 75.9%. #8ed6f5 color hex could be obtained by blending #ffffff with #1dadeb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 56
- G 84
- B 96
RGB color chart
- C 42
- M 13
- Y 0
- K 4
CMYK color chart

● #8ed6f5 color description : Very soft blue.

The hexadecimal color #8ed6f5 has RGB values of R:142, G:214, B:245 and CMYK values of C:0.42, M:0.13, Y:0, K:0.04. Its decimal value is 9361141.

Hex triplet	8ed6f5	`#8ed6f5`
RGB Decimal	142, 214, 245	`rgb(142,214,245)`
RGB Percent	55.7, 83.9, 96.1	`rgb(55.7%,83.9%,96.1%)`
CMYK	42, 13, 0, 4
HSL	198.1°, 83.7, 75.9	`hsl(198.1,83.7%,75.9%)`
HSV (or HSB)	198.1°, 42, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.073, -14.634, -22.235
XYZ	51.679, 60.434, 95.323
xyY	0.249, 0.291, 60.434
CIE-LCH	82.073, 26.618, 236.648
CIE-LUV	82.073, -33.811, -33.256
Hunter-Lab	77.739, -17.381, -18.283
Binary	10001110, 11010110, 11110101

#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#f5ad8e
```
#f5ad8e rgb(245,173,142)
```

Complementary Color

#8ef5e1
```
#8ef5e1 rgb(142,245,225)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#8ea3f5
```
#8ea3f5 rgb(142,163,245)
```

Analogous Color

#f5e18e
```
#f5e18e rgb(245,225,142)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#f58ea3
```
#f58ea3 rgb(245,142,163)
```

Split Complementary Color

#d6f58e
```
#d6f58e rgb(214,245,142)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#f58ed6
```
#f58ed6 rgb(245,142,214)
```

Triadic Color

#8ef5ad
```
#8ef5ad rgb(142,245,173)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#f58ed6
```
#f58ed6 rgb(245,142,214)
```
#f5ad8e
```
#f5ad8e rgb(245,173,142)
```

Tetradic Color

#48bdef
```
#48bdef rgb(72,189,239)
```
#5fc5f1
```
#5fc5f1 rgb(95,197,241)
```
#77cef3
```
#77cef3 rgb(119,206,243)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#a5dff7
```
#a5dff7 rgb(165,223,247)
```
#bde7f9
```
#bde7f9 rgb(189,231,249)
```
#d4f0fb
```
#d4f0fb rgb(212,240,251)
```

Monochromatic Color

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

#8ef0f5
```
#8ef0f5 rgb(142,240,245)
```
#8ee7f5
```
#8ee7f5 rgb(142,231,245)
```
#8edff5
```
#8edff5 rgb(142,223,245)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#8ecdf5
```
#8ecdf5 rgb(142,205,245)
```
#8ec5f5
```
#8ec5f5 rgb(142,197,245)
```
#8ebcf5
```
#8ebcf5 rgb(142,188,245)
```

Similar Colors

Text with hexadecimal color #8ed6f5

This text has a font color of #8ed6f5.

<span style="color:#8ed6f5;">Text here</span>

#8ed6f5 background color

This paragraph has a background color of #8ed6f5.

<p style="background-color:#8ed6f5;">Content here</p>

#8ed6f5 border color

This element has a border color of #8ed6f5.

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

CSS codes

.text {color:#8ed6f5;}

.background {background-color:#8ed6f5;}

.border {border:1px solid #8ed6f5;}

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, #010a0d is the darkest color, while #fafdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#03171f
```
#03171f rgb(3,23,31)
```
#042431
```
#042431 rgb(4,36,49)
```
#063143
```
#063143 rgb(6,49,67)
```
#083e55
```
#083e55 rgb(8,62,85)
```
#094b67
```
#094b67 rgb(9,75,103)
```
#0b5879
```
#0b5879 rgb(11,88,121)
```
#0c658b
```
#0c658b rgb(12,101,139)
```
#0e729d
```
#0e729d rgb(14,114,157)
```
#107faf
```
#107faf rgb(16,127,175)
```
#118cc1
```
#118cc1 rgb(17,140,193)
```
#1399d3
```
#1399d3 rgb(19,153,211)
```
#14a6e5
```
#14a6e5 rgb(20,166,229)
```

Shade Color Variation

#22afeb
```
#22afeb rgb(34,175,235)
```
#34b5ed
```
#34b5ed rgb(52,181,237)
```
#46bcef
```
#46bcef rgb(70,188,239)
```
#58c2f0
```
#58c2f0 rgb(88,194,240)
```
#6ac9f2
```
#6ac9f2 rgb(106,201,242)
```
#7ccff3
```
#7ccff3 rgb(124,207,243)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#a0ddf7
```
#a0ddf7 rgb(160,221,247)
```
#b2e3f8
```
#b2e3f8 rgb(178,227,248)
```
#c4eafa
```
#c4eafa rgb(196,234,250)
```
#d6f0fb
```
#d6f0fb rgb(214,240,251)
```
#e8f7fd
```
#e8f7fd rgb(232,247,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#bdc3c6
```
#bdc3c6 rgb(189,195,198)
```
#b9c5ca
```
#b9c5ca rgb(185,197,202)
```
#b4c7cf
```
#b4c7cf rgb(180,199,207)
```
#afc9d4
```
#afc9d4 rgb(175,201,212)
```
#aacbd9
```
#aacbd9 rgb(170,203,217)
```
#a6cddd
```
#a6cddd rgb(166,205,221)
```
#a1cee2
```
#a1cee2 rgb(161,206,226)
```
#9cd0e7
```
#9cd0e7 rgb(156,208,231)
```
#97d2ec
```
#97d2ec rgb(151,210,236)
```
#93d4f0
```
#93d4f0 rgb(147,212,240)
```
#8ed6f5
```
#8ed6f5 rgb(142,214,245)
```
#89d8fa
```
#89d8fa rgb(137,216,250)
```
#85dafe
```
#85dafe rgb(133,218,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#b9c8ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cdee Protanopia 1% of men
#cacafa Deuteranopia 1% of men
#8fdaea Tritanopia 0.001% of the population

Trichromacy

#b2d0f1 Protanomaly 1% of men, 0.01% of women
#b4cef8 Deuteranomaly 6% of men, 0.4% of women
#8fd8ee Tritanomaly 0.01% of the population

#8ed6f5 hex color

#8ed6f5 Color Information

#8ed6f5 Color Conversion

Color Schemes with #8ed6f5

Alternatives to #8ed6f5

#8ed6f5 Preview

Shades and Tints of #8ed6f5

Tones of #8ed6f5

Color Blindness Simulator