#0086f9 hex color

In a RGB color space, hex #0086f9 is composed of 0% red, 52.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 46.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 207.7 degrees, a saturation of 100% and a lightness of 48.8%. #0086f9 color hex could be obtained by blending #00ffff with #000df3. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 53
- B 98
RGB color chart
- C 100
- M 46
- Y 0
- K 2
CMYK color chart

● #0086f9 color description : Pure (or mostly pure) blue.

The hexadecimal color #0086f9 has RGB values of R:0, G:134, B:249 and CMYK values of C:1, M:0.46, Y:0, K:0.02. Its decimal value is 34553.

Hex triplet	0086f9	`#0086f9`
RGB Decimal	0, 134, 249	`rgb(0,134,249)`
RGB Percent	0, 52.5, 97.6	`rgb(0%,52.5%,97.6%)`
CMYK	100, 46, 0, 2
HSL	207.7°, 100, 48.8	`hsl(207.7,100%,48.8%)`
HSV (or HSB)	207.7°, 100, 97.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.975, 12.75, -65.582
XYZ	25.62, 23.887, 92.878
xyY	0.18, 0.168, 23.887
CIE-LCH	55.975, 66.81, 281.002
CIE-LUV	55.975, -31.412, -104.683
Hunter-Lab	48.875, 8.039, -78.458
Binary	00000000, 10000110, 11111001

#0086f9
```
#0086f9 rgb(0,134,249)
```
#f97300
```
#f97300 rgb(249,115,0)
```

Complementary Color

#00f9f0
```
#00f9f0 rgb(0,249,240)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```
#000af9
```
#000af9 rgb(0,10,249)
```

Analogous Color

#f9f000
```
#f9f000 rgb(249,240,0)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```
#f9000a
```
#f9000a rgb(249,0,10)
```

Split Complementary Color

#86f900
```
#86f900 rgb(134,249,0)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```
#f90086
```
#f90086 rgb(249,0,134)
```

Triadic Color

#00f973
```
#00f973 rgb(0,249,115)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```
#f90086
```
#f90086 rgb(249,0,134)
```
#f97300
```
#f97300 rgb(249,115,0)
```

Tetradic Color

#005dad
```
#005dad rgb(0,93,173)
```
#006bc6
```
#006bc6 rgb(0,107,198)
```
#0078e0
```
#0078e0 rgb(0,120,224)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```
#1492ff
```
#1492ff rgb(20,146,255)
```
#2d9eff
```
#2d9eff rgb(45,158,255)
```
#47aaff
```
#47aaff rgb(71,170,255)
```

Monochromatic Color

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

#00c4f9
```
#00c4f9 rgb(0,196,249)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#009bf9
```
#009bf9 rgb(0,155,249)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```
#0071f9
```
#0071f9 rgb(0,113,249)
```
#005df9
```
#005df9 rgb(0,93,249)
```
#0048f9
```
#0048f9 rgb(0,72,249)
```

Similar Colors

Text with hexadecimal color #0086f9

This text has a font color of #0086f9.

<span style="color:#0086f9;">Text here</span>

#0086f9 background color

This paragraph has a background color of #0086f9.

<p style="background-color:#0086f9;">Content here</p>

#0086f9 border color

This element has a border color of #0086f9.

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

CSS codes

.text {color:#0086f9;}

.background {background-color:#0086f9;}

.border {border:1px solid #0086f9;}

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, #00070e is the darkest color, while #f9fcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#001221
```
#001221 rgb(0,18,33)
```
#001c35
```
#001c35 rgb(0,28,53)
```
#002748
```
#002748 rgb(0,39,72)
```
#00325c
```
#00325c rgb(0,50,92)
```
#003c70
```
#003c70 rgb(0,60,112)
```
#004783
```
#004783 rgb(0,71,131)
```
#005197
```
#005197 rgb(0,81,151)
```
#005cab
```
#005cab rgb(0,92,171)
```
#0066be
```
#0066be rgb(0,102,190)
```
#0071d2
```
#0071d2 rgb(0,113,210)
```
#007be5
```
#007be5 rgb(0,123,229)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```

Shade Color Variation

#0e90ff
```
#0e90ff rgb(14,144,255)
```
#2199ff
```
#2199ff rgb(33,153,255)
```
#35a2ff
```
#35a2ff rgb(53,162,255)
```
#48abff
```
#48abff rgb(72,171,255)
```
#5cb4ff
```
#5cb4ff rgb(92,180,255)
```
#70bdff
```
#70bdff rgb(112,189,255)
```
#83c6ff
```
#83c6ff rgb(131,198,255)
```
#97cfff
```
#97cfff rgb(151,207,255)
```
#abd8ff
```
#abd8ff rgb(171,216,255)
```
#bee1ff
```
#bee1ff rgb(190,225,255)
```
#d2eaff
```
#d2eaff rgb(210,234,255)
```
#e5f3ff
```
#e5f3ff rgb(229,243,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737d86 is the less saturated color, while #0086f9 is the most saturated one.

#737d86
```
#737d86 rgb(115,125,134)
```
#697e90
```
#697e90 rgb(105,126,144)
```
#607f99
```
#607f99 rgb(96,127,153)
```
#567fa3
```
#567fa3 rgb(86,127,163)
```
#4d80ac
```
#4d80ac rgb(77,128,172)
```
#4381b6
```
#4381b6 rgb(67,129,182)
```
#3982c0
```
#3982c0 rgb(57,130,192)
```
#3082c9
```
#3082c9 rgb(48,130,201)
```
#2683d3
```
#2683d3 rgb(38,131,211)
```
#1d84dc
```
#1d84dc rgb(29,132,220)
```
#1385e6
```
#1385e6 rgb(19,133,230)
```
#0a85ef
```
#0a85ef rgb(10,133,239)
```
#0086f9
```
#0086f9 rgb(0,134,249)
```

Tone Color Variation

Below, you can see how #0086f9 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

#6b6b6b Achromatopsia 0.005% of the population
#567087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c88f6 Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3087f7 Protanomaly 1% of men, 0.01% of women
#008bf0 Deuteranomaly 6% of men, 0.4% of women
#0092c2 Tritanomaly 0.01% of the population

#0086f9 hex color

#0086f9 Color Information

#0086f9 Color Conversion

Color Schemes with #0086f9

Alternatives to #0086f9

#0086f9 Preview

Shades and Tints of #0086f9

Tones of #0086f9

Color Blindness Simulator