#86ecf3 hex color

In a RGB color space, hex #86ecf3 is composed of 52.5% red, 92.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 2.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 183.9 degrees, a saturation of 82% and a lightness of 73.9%. #86ecf3 color hex could be obtained by blending #ffffff with #0dd9e7. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 53
- G 93
- B 95
RGB color chart
- C 45
- M 3
- Y 0
- K 5
CMYK color chart

● #86ecf3 color description : Very soft cyan.

The hexadecimal color #86ecf3 has RGB values of R:134, G:236, B:243 and CMYK values of C:0.45, M:0.03, Y:0, K:0.05. Its decimal value is 8842483.

Hex triplet	86ecf3	`#86ecf3`
RGB Decimal	134, 236, 243	`rgb(134,236,243)`
RGB Percent	52.5, 92.5, 95.3	`rgb(52.5%,92.5%,95.3%)`
CMYK	45, 3, 0, 5
HSL	183.9°, 82, 73.9	`hsl(183.9,82%,73.9%)`
HSV (or HSB)	183.9°, 44.9, 95.3
Web Safe	99ffff	`#99ffff`

CIE-LAB	87.74, -27.99, -12.679
XYZ	56, 71.527, 95.644
xyY	0.251, 0.321, 71.527
CIE-LCH	87.74, 30.727, 204.37
CIE-LUV	87.74, -45.201, -15.585
Hunter-Lab	84.574, -29.81, -7.85
Binary	10000110, 11101100, 11110011

#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#f38d86
```
#f38d86 rgb(243,141,134)
```

Complementary Color

#86f3c4
```
#86f3c4 rgb(134,243,196)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#86b6f3
```
#86b6f3 rgb(134,182,243)
```

Analogous Color

#f3c486
```
#f3c486 rgb(243,196,134)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#f386b6
```
#f386b6 rgb(243,134,182)
```

Split Complementary Color

#ecf386
```
#ecf386 rgb(236,243,134)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#f386ec
```
#f386ec rgb(243,134,236)
```

Triadic Color

#86f38d
```
#86f38d rgb(134,243,141)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#f386ec
```
#f386ec rgb(243,134,236)
```
#f38d86
```
#f38d86 rgb(243,141,134)
```

Tetradic Color

#40e1ec
```
#40e1ec rgb(64,225,236)
```
#58e5ee
```
#58e5ee rgb(88,229,238)
```
#6fe8f1
```
#6fe8f1 rgb(111,232,241)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#9df0f5
```
#9df0f5 rgb(157,240,245)
```
#b4f3f8
```
#b4f3f8 rgb(180,243,248)
```
#ccf7fa
```
#ccf7fa rgb(204,247,250)
```

Monochromatic Color

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

#86f3df
```
#86f3df rgb(134,243,223)
```
#86f3e8
```
#86f3e8 rgb(134,243,232)
```
#86f3f1
```
#86f3f1 rgb(134,243,241)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#86e3f3
```
#86e3f3 rgb(134,227,243)
```
#86daf3
```
#86daf3 rgb(134,218,243)
```
#86d1f3
```
#86d1f3 rgb(134,209,243)
```

Similar Colors

Text with hexadecimal color #86ecf3

This text has a font color of #86ecf3.

<span style="color:#86ecf3;">Text here</span>

#86ecf3 background color

This paragraph has a background color of #86ecf3.

<p style="background-color:#86ecf3;">Content here</p>

#86ecf3 border color

This element has a border color of #86ecf3.

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

CSS codes

.text {color:#86ecf3;}

.background {background-color:#86ecf3;}

.border {border:1px solid #86ecf3;}

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

#000404
```
#000404 rgb(0,4,4)
```
#021516
```
#021516 rgb(2,21,22)
```
#042528
```
#042528 rgb(4,37,40)
```
#063639
```
#063639 rgb(6,54,57)
```
#07474b
```
#07474b rgb(7,71,75)
```
#09585d
```
#09585d rgb(9,88,93)
```
#0b696f
```
#0b696f rgb(11,105,111)
```
#0d7981
```
#0d7981 rgb(13,121,129)
```
#0f8a93
```
#0f8a93 rgb(15,138,147)
```
#109ba5
```
#109ba5 rgb(16,155,165)
```
#12acb6
```
#12acb6 rgb(18,172,182)
```
#14bdc8
```
#14bdc8 rgb(20,189,200)
```
#16cdda
```
#16cdda rgb(22,205,218)
```

Shade Color Variation

#1bdbe8
```
#1bdbe8 rgb(27,219,232)
```
#2ddeea
```
#2ddeea rgb(45,222,234)
```
#3fe1ec
```
#3fe1ec rgb(63,225,236)
```
#50e4ee
```
#50e4ee rgb(80,228,238)
```
#62e6ef
```
#62e6ef rgb(98,230,239)
```
#74e9f1
```
#74e9f1 rgb(116,233,241)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#98eff5
```
#98eff5 rgb(152,239,245)
```
#aaf2f7
```
#aaf2f7 rgb(170,242,247)
```
#bcf4f8
```
#bcf4f8 rgb(188,244,248)
```
#cdf7fa
```
#cdf7fa rgb(205,247,250)
```
#dffafc
```
#dffafc rgb(223,250,252)
```
#f1fdfe
```
#f1fdfe rgb(241,253,254)
```

Tint Color Variation

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

#b9bfc0
```
#b9bfc0 rgb(185,191,192)
```
#b4c4c5
```
#b4c4c5 rgb(180,196,197)
```
#afc8ca
```
#afc8ca rgb(175,200,202)
```
#aacdcf
```
#aacdcf rgb(170,205,207)
```
#a5d1d4
```
#a5d1d4 rgb(165,209,212)
```
#a0d6d9
```
#a0d6d9 rgb(160,214,217)
```
#9adadf
```
#9adadf rgb(154,218,223)
```
#95dfe4
```
#95dfe4 rgb(149,223,228)
```
#90e3e9
```
#90e3e9 rgb(144,227,233)
```
#8be8ee
```
#8be8ee rgb(139,232,238)
```
#86ecf3
```
#86ecf3 rgb(134,236,243)
```
#81f0f8
```
#81f0f8 rgb(129,240,248)
```
#7cf5fd
```
#7cf5fd rgb(124,245,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c0d4d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddcea Protanopia 1% of men
#e3d8fa Deuteranopia 1% of men
#8febfc Tritanopia 0.001% of the population

Trichromacy

#bde2ed Protanomaly 1% of men, 0.01% of women
#c1dff8 Deuteranomaly 6% of men, 0.4% of women
#8cebf9 Tritanomaly 0.01% of the population

#86ecf3 hex color

#86ecf3 Color Information

#86ecf3 Color Conversion

Color Schemes with #86ecf3

Alternatives to #86ecf3

#86ecf3 Preview

Shades and Tints of #86ecf3

Tones of #86ecf3

Color Blindness Simulator