#86e2f3 hex color

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

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

● #86e2f3 color description : Very soft cyan.

The hexadecimal color #86e2f3 has RGB values of R:134, G:226, B:243 and CMYK values of C:0.45, M:0.07, Y:0, K:0.05. Its decimal value is 8839923.

Hex triplet	86e2f3	`#86e2f3`
RGB Decimal	134, 226, 243	`rgb(134,226,243)`
RGB Percent	52.5, 88.6, 95.3	`rgb(52.5%,88.6%,95.3%)`
CMYK	45, 7, 0, 5
HSL	189.4°, 82, 73.9	`hsl(189.4,82%,73.9%)`
HSV (or HSB)	189.4°, 44.9, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.96, -23.109, -16.847
XYZ	53.201, 65.929, 94.711
xyY	0.249, 0.308, 65.929
CIE-LCH	84.96, 28.598, 216.093
CIE-LUV	84.96, -41.292, -23.134
Hunter-Lab	81.197, -25.138, -12.321
Binary	10000110, 11100010, 11110011

#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#f39786
```
#f39786 rgb(243,151,134)
```

Complementary Color

#86f3ce
```
#86f3ce rgb(134,243,206)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#86acf3
```
#86acf3 rgb(134,172,243)
```

Analogous Color

#f3ce86
```
#f3ce86 rgb(243,206,134)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#f386ac
```
#f386ac rgb(243,134,172)
```

Split Complementary Color

#e2f386
```
#e2f386 rgb(226,243,134)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#f386e2
```
#f386e2 rgb(243,134,226)
```

Triadic Color

#86f397
```
#86f397 rgb(134,243,151)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#f386e2
```
#f386e2 rgb(243,134,226)
```
#f39786
```
#f39786 rgb(243,151,134)
```

Tetradic Color

#40d1ec
```
#40d1ec rgb(64,209,236)
```
#58d7ee
```
#58d7ee rgb(88,215,238)
```
#6fdcf1
```
#6fdcf1 rgb(111,220,241)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#9de8f5
```
#9de8f5 rgb(157,232,245)
```
#b4edf8
```
#b4edf8 rgb(180,237,248)
```
#ccf3fa
```
#ccf3fa rgb(204,243,250)
```

Monochromatic Color

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

#86f3e9
```
#86f3e9 rgb(134,243,233)
```
#86f3f2
```
#86f3f2 rgb(134,243,242)
```
#86ebf3
```
#86ebf3 rgb(134,235,243)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#86d9f3
```
#86d9f3 rgb(134,217,243)
```
#86d0f3
```
#86d0f3 rgb(134,208,243)
```
#86c7f3
```
#86c7f3 rgb(134,199,243)
```

Similar Colors

Text with hexadecimal color #86e2f3

This text has a font color of #86e2f3.

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

#86e2f3 background color

This paragraph has a background color of #86e2f3.

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

#86e2f3 border color

This element has a border color of #86e2f3.

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

CSS codes

.text {color:#86e2f3;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021316
```
#021316 rgb(2,19,22)
```
#042228
```
#042228 rgb(4,34,40)
```
#063139
```
#063139 rgb(6,49,57)
```
#07414b
```
#07414b rgb(7,65,75)
```
#09505d
```
#09505d rgb(9,80,93)
```
#0b5f6f
```
#0b5f6f rgb(11,95,111)
```
#0d6f81
```
#0d6f81 rgb(13,111,129)
```
#0f7e93
```
#0f7e93 rgb(15,126,147)
```
#108da5
```
#108da5 rgb(16,141,165)
```
#129db6
```
#129db6 rgb(18,157,182)
```
#14acc8
```
#14acc8 rgb(20,172,200)
```
#16bbda
```
#16bbda rgb(22,187,218)
```

Shade Color Variation

#1bc8e8
```
#1bc8e8 rgb(27,200,232)
```
#2dcdea
```
#2dcdea rgb(45,205,234)
```
#3fd1ec
```
#3fd1ec rgb(63,209,236)
```
#50d5ee
```
#50d5ee rgb(80,213,238)
```
#62d9ef
```
#62d9ef rgb(98,217,239)
```
#74def1
```
#74def1 rgb(116,222,241)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#98e6f5
```
#98e6f5 rgb(152,230,245)
```
#aaebf7
```
#aaebf7 rgb(170,235,247)
```
#bceff8
```
#bceff8 rgb(188,239,248)
```
#cdf3fa
```
#cdf3fa rgb(205,243,250)
```
#dff7fc
```
#dff7fc rgb(223,247,252)
```
#f1fcfe
```
#f1fcfe rgb(241,252,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 #7ce9fd is the most saturated one.

#b9bfc0
```
#b9bfc0 rgb(185,191,192)
```
#b4c2c5
```
#b4c2c5 rgb(180,194,197)
```
#afc6ca
```
#afc6ca rgb(175,198,202)
```
#aac9cf
```
#aac9cf rgb(170,201,207)
```
#a5cdd4
```
#a5cdd4 rgb(165,205,212)
```
#a0d0d9
```
#a0d0d9 rgb(160,208,217)
```
#9ad4df
```
#9ad4df rgb(154,212,223)
```
#95d7e4
```
#95d7e4 rgb(149,215,228)
```
#90dbe9
```
#90dbe9 rgb(144,219,233)
```
#8bdeee
```
#8bdeee rgb(139,222,238)
```
#86e2f3
```
#86e2f3 rgb(134,226,243)
```
#81e6f8
```
#81e6f8 rgb(129,230,248)
```
#7ce9fd
```
#7ce9fd rgb(124,233,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#bbcdd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d4eb Protanopia 1% of men
#d7d1fa Deuteranopia 1% of men
#8ce3f4 Tritanopia 0.001% of the population

Trichromacy

#b7d9ed Protanomaly 1% of men, 0.01% of women
#bad7f7 Deuteranomaly 6% of men, 0.4% of women
#8ae2f3 Tritanomaly 0.01% of the population

#86e2f3 hex color

#86e2f3 Color Information

#86e2f3 Color Conversion

Color Schemes with #86e2f3

Alternatives to #86e2f3

#86e2f3 Preview

Shades and Tints of #86e2f3

Tones of #86e2f3

Color Blindness Simulator