#8ed3f0 hex color

In a RGB color space, hex #8ed3f0 is composed of 55.7% red, 82.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 12.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 197.8 degrees, a saturation of 76.6% and a lightness of 74.9%. #8ed3f0 color hex could be obtained by blending #ffffff with #1da7e1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 56
- G 83
- B 94
RGB color chart
- C 41
- M 12
- Y 0
- K 6
CMYK color chart

● #8ed3f0 color description : Very soft blue.

The hexadecimal color #8ed3f0 has RGB values of R:142, G:211, B:240 and CMYK values of C:0.41, M:0.12, Y:0, K:0.06. Its decimal value is 9360368.

Hex triplet	8ed3f0	`#8ed3f0`
RGB Decimal	142, 211, 240	`rgb(142,211,240)`
RGB Percent	55.7, 82.7, 94.1	`rgb(55.7%,82.7%,94.1%)`
CMYK	41, 12, 0, 6
HSL	197.8°, 76.6, 74.9	`hsl(197.8,76.6%,74.9%)`
HSV (or HSB)	197.8°, 40.8, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.087, -14.383, -21.072
XYZ	50.174, 58.628, 91.106
xyY	0.251, 0.293, 58.628
CIE-LCH	81.087, 25.512, 235.684
CIE-LUV	81.087, -32.676, -31.297
Hunter-Lab	76.569, -17.029, -16.948
Binary	10001110, 11010011, 11110000

#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#f0ab8e
```
#f0ab8e rgb(240,171,142)
```

Complementary Color

#8ef0dc
```
#8ef0dc rgb(142,240,220)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#8ea2f0
```
#8ea2f0 rgb(142,162,240)
```

Analogous Color

#f0dc8e
```
#f0dc8e rgb(240,220,142)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#f08ea2
```
#f08ea2 rgb(240,142,162)
```

Split Complementary Color

#d3f08e
```
#d3f08e rgb(211,240,142)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#f08ed3
```
#f08ed3 rgb(240,142,211)
```

Triadic Color

#8ef0ab
```
#8ef0ab rgb(142,240,171)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#f08ed3
```
#f08ed3 rgb(240,142,211)
```
#f0ab8e
```
#f0ab8e rgb(240,171,142)
```

Tetradic Color

#4ab9e7
```
#4ab9e7 rgb(74,185,231)
```
#61c1ea
```
#61c1ea rgb(97,193,234)
```
#77caed
```
#77caed rgb(119,202,237)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#a5dcf3
```
#a5dcf3 rgb(165,220,243)
```
#bbe5f6
```
#bbe5f6 rgb(187,229,246)
```
#d2edf9
```
#d2edf9 rgb(210,237,249)
```

Monochromatic Color

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

#8eecf0
```
#8eecf0 rgb(142,236,240)
```
#8ee3f0
```
#8ee3f0 rgb(142,227,240)
```
#8edbf0
```
#8edbf0 rgb(142,219,240)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#8ecbf0
```
#8ecbf0 rgb(142,203,240)
```
#8ec3f0
```
#8ec3f0 rgb(142,195,240)
```
#8ebbf0
```
#8ebbf0 rgb(142,187,240)
```

Similar Colors

Text with hexadecimal color #8ed3f0

This text has a font color of #8ed3f0.

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

#8ed3f0 background color

This paragraph has a background color of #8ed3f0.

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

#8ed3f0 border color

This element has a border color of #8ed3f0.

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

CSS codes

.text {color:#8ed3f0;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#03131a
```
#03131a rgb(3,19,26)
```
#06202b
```
#06202b rgb(6,32,43)
```
#082d3c
```
#082d3c rgb(8,45,60)
```
#0a3a4d
```
#0a3a4d rgb(10,58,77)
```
#0d465f
```
#0d465f rgb(13,70,95)
```
#0f5370
```
#0f5370 rgb(15,83,112)
```
#116081
```
#116081 rgb(17,96,129)
```
#136d93
```
#136d93 rgb(19,109,147)
```
#167aa4
```
#167aa4 rgb(22,122,164)
```
#1887b5
```
#1887b5 rgb(24,135,181)
```
#1a94c7
```
#1a94c7 rgb(26,148,199)
```
#1da1d8
```
#1da1d8 rgb(29,161,216)
```

Shade Color Variation

#26abe2
```
#26abe2 rgb(38,171,226)
```
#37b1e5
```
#37b1e5 rgb(55,177,229)
```
#49b8e7
```
#49b8e7 rgb(73,184,231)
```
#5abfe9
```
#5abfe9 rgb(90,191,233)
```
#6bc6eb
```
#6bc6eb rgb(107,198,235)
```
#7dccee
```
#7dccee rgb(125,204,238)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#9fdaf2
```
#9fdaf2 rgb(159,218,242)
```
#b1e0f5
```
#b1e0f5 rgb(177,224,245)
```
#c2e7f7
```
#c2e7f7 rgb(194,231,247)
```
#d3eef9
```
#d3eef9 rgb(211,238,249)
```
#e5f5fb
```
#e5f5fb rgb(229,245,251)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#bac1c4
```
#bac1c4 rgb(186,193,196)
```
#b5c3c9
```
#b5c3c9 rgb(181,195,201)
```
#b0c5ce
```
#b0c5ce rgb(176,197,206)
```
#acc7d2
```
#acc7d2 rgb(172,199,210)
```
#a7c9d7
```
#a7c9d7 rgb(167,201,215)
```
#a2cbdc
```
#a2cbdc rgb(162,203,220)
```
#9dcde1
```
#9dcde1 rgb(157,205,225)
```
#98cfe6
```
#98cfe6 rgb(152,207,230)
```
#93d1eb
```
#93d1eb rgb(147,209,235)
```
#8ed3f0
```
#8ed3f0 rgb(142,211,240)
```
#89d5f5
```
#89d5f5 rgb(137,213,245)
```
#84d7fa
```
#84d7fa rgb(132,215,250)
```
#7fd9ff
```
#7fd9ff rgb(127,217,255)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b8c5cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5caea Protanopia 1% of men
#c9c8f5 Deuteranopia 1% of men
#90d7e6 Tritanopia 0.001% of the population

Trichromacy

#b1cdec Protanomaly 1% of men, 0.01% of women
#b3ccf3 Deuteranomaly 6% of men, 0.4% of women
#8fd5ea Tritanomaly 0.01% of the population

#8ed3f0 hex color

#8ed3f0 Color Information

#8ed3f0 Color Conversion

Color Schemes with #8ed3f0

Alternatives to #8ed3f0

#8ed3f0 Preview

Shades and Tints of #8ed3f0

Tones of #8ed3f0

Color Blindness Simulator