#86e7f4 hex color

In a RGB color space, hex #86e7f4 is composed of 52.5% red, 90.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 5.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 187.1 degrees, a saturation of 83.3% and a lightness of 74.1%. #86e7f4 color hex could be obtained by blending #ffffff with #0dcfe9. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 53
- G 91
- B 96
RGB color chart
- C 45
- M 5
- Y 0
- K 4
CMYK color chart

● #86e7f4 color description : Soft cyan.

The hexadecimal color #86e7f4 has RGB values of R:134, G:231, B:244 and CMYK values of C:0.45, M:0.05, Y:0, K:0.04. Its decimal value is 8841204.

Hex triplet	86e7f4	`#86e7f4`
RGB Decimal	134, 231, 244	`rgb(134,231,244)`
RGB Percent	52.5, 90.6, 95.7	`rgb(52.5%,90.6%,95.7%)`
CMYK	45, 5, 0, 4
HSL	187.1°, 83.3, 74.1	`hsl(187.1,83.3%,74.1%)`
HSV (or HSB)	187.1°, 45.1, 95.7
Web Safe	99ffff	`#99ffff`

CIE-LAB	86.379, -25.311, -15.242
XYZ	54.732, 68.748, 95.969
xyY	0.249, 0.313, 68.748
CIE-LCH	86.379, 29.546, 211.055
CIE-LUV	86.379, -43.219, -20.184
Hunter-Lab	82.915, -27.272, -10.584
Binary	10000110, 11100111, 11110100

#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#f49386
```
#f49386 rgb(244,147,134)
```

Complementary Color

#86f4ca
```
#86f4ca rgb(134,244,202)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#86b0f4
```
#86b0f4 rgb(134,176,244)
```

Analogous Color

#f4ca86
```
#f4ca86 rgb(244,202,134)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#f486b0
```
#f486b0 rgb(244,134,176)
```

Split Complementary Color

#e7f486
```
#e7f486 rgb(231,244,134)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#f486e7
```
#f486e7 rgb(244,134,231)
```

Triadic Color

#86f493
```
#86f493 rgb(134,244,147)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#f486e7
```
#f486e7 rgb(244,134,231)
```
#f49386
```
#f49386 rgb(244,147,134)
```

Tetradic Color

#40d9ee
```
#40d9ee rgb(64,217,238)
```
#57def0
```
#57def0 rgb(87,222,240)
```
#6fe2f2
```
#6fe2f2 rgb(111,226,242)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#9decf6
```
#9decf6 rgb(157,236,246)
```
#b5f0f8
```
#b5f0f8 rgb(181,240,248)
```
#ccf5fa
```
#ccf5fa rgb(204,245,250)
```

Monochromatic Color

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

#86f4e6
```
#86f4e6 rgb(134,244,230)
```
#86f4ef
```
#86f4ef rgb(134,244,239)
```
#86f0f4
```
#86f0f4 rgb(134,240,244)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#86def4
```
#86def4 rgb(134,222,244)
```
#86d5f4
```
#86d5f4 rgb(134,213,244)
```
#86ccf4
```
#86ccf4 rgb(134,204,244)
```

Similar Colors

Text with hexadecimal color #86e7f4

This text has a font color of #86e7f4.

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

#86e7f4 background color

This paragraph has a background color of #86e7f4.

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

#86e7f4 border color

This element has a border color of #86e7f4.

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

CSS codes

.text {color:#86e7f4;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021417
```
#021417 rgb(2,20,23)
```
#042429
```
#042429 rgb(4,36,41)
```
#05343b
```
#05343b rgb(5,52,59)
```
#07454d
```
#07454d rgb(7,69,77)
```
#09555f
```
#09555f rgb(9,85,95)
```
#0a6571
```
#0a6571 rgb(10,101,113)
```
#0c7583
```
#0c7583 rgb(12,117,131)
```
#0e8595
```
#0e8595 rgb(14,133,149)
```
#0f95a7
```
#0f95a7 rgb(15,149,167)
```
#11a5b9
```
#11a5b9 rgb(17,165,185)
```
#12b5cb
```
#12b5cb rgb(18,181,203)
```
#14c5dd
```
#14c5dd rgb(20,197,221)
```

Shade Color Variation

#1ad2ea
```
#1ad2ea rgb(26,210,234)
```
#2cd5ec
```
#2cd5ec rgb(44,213,236)
```
#3ed9ed
```
#3ed9ed rgb(62,217,237)
```
#50dcef
```
#50dcef rgb(80,220,239)
```
#62e0f1
```
#62e0f1 rgb(98,224,241)
```
#74e3f2
```
#74e3f2 rgb(116,227,242)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#98ebf6
```
#98ebf6 rgb(152,235,246)
```
#aaeef7
```
#aaeef7 rgb(170,238,247)
```
#bcf2f9
```
#bcf2f9 rgb(188,242,249)
```
#cef5fb
```
#cef5fb rgb(206,245,251)
```
#e0f9fc
```
#e0f9fc rgb(224,249,252)
```
#f2fcfe
```
#f2fcfe rgb(242,252,254)
```

Tint Color Variation

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

#b9c0c1
```
#b9c0c1 rgb(185,192,193)
```
#b4c4c6
```
#b4c4c6 rgb(180,196,198)
```
#afc8cb
```
#afc8cb rgb(175,200,203)
```
#aaccd0
```
#aaccd0 rgb(170,204,208)
```
#a4d0d6
```
#a4d0d6 rgb(164,208,214)
```
#9fd4db
```
#9fd4db rgb(159,212,219)
```
#9ad7e0
```
#9ad7e0 rgb(154,215,224)
```
#95dbe5
```
#95dbe5 rgb(149,219,229)
```
#90dfea
```
#90dfea rgb(144,223,234)
```
#8be3ef
```
#8be3ef rgb(139,227,239)
```
#86e7f4
```
#86e7f4 rgb(134,231,244)
```
#81ebf9
```
#81ebf9 rgb(129,235,249)
```
#7ceffe
```
#7ceffe rgb(124,239,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#bdd1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d8eb Protanopia 1% of men
#ddd5fb Deuteranopia 1% of men
#8de7f8 Tritanopia 0.001% of the population

Trichromacy

#baddee Protanomaly 1% of men, 0.01% of women
#bddbf8 Deuteranomaly 6% of men, 0.4% of women
#8ae7f6 Tritanomaly 0.01% of the population

#86e7f4 hex color

#86e7f4 Color Information

#86e7f4 Color Conversion

Color Schemes with #86e7f4

Alternatives to #86e7f4

#86e7f4 Preview

Shades and Tints of #86e7f4

Tones of #86e7f4

Color Blindness Simulator