#0f86f6 hex color

In a RGB color space, hex #0f86f6 is composed of 5.9% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 209.1 degrees, a saturation of 92.8% and a lightness of 51.2%. #0f86f6 color hex could be obtained by blending #1effff with #000ded. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 6
- G 53
- B 96
RGB color chart
- C 94
- M 46
- Y 0
- K 4
CMYK color chart

● #0f86f6 color description : Vivid blue.

The hexadecimal color #0f86f6 has RGB values of R:15, G:134, B:246 and CMYK values of C:0.94, M:0.46, Y:0, K:0.04. Its decimal value is 1017590.

Hex triplet	0f86f6	`#0f86f6`
RGB Decimal	15, 134, 246	`rgb(15,134,246)`
RGB Percent	5.9, 52.5, 96.5	`rgb(5.9%,52.5%,96.5%)`
CMYK	94, 46, 0, 4
HSL	209.1°, 92.8, 51.2	`hsl(209.1,92.8%,51.2%)`
HSV (or HSB)	209.1°, 93.9, 96.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.89, 11.987, -64.055
XYZ	25.353, 23.803, 90.442
xyY	0.182, 0.171, 23.803
CIE-LCH	55.89, 65.167, 280.6
CIE-LUV	55.89, -31.033, -102.179
Hunter-Lab	48.789, 7.377, -75.757
Binary	00001111, 10000110, 11110110

#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#f67f0f
```
#f67f0f rgb(246,127,15)
```

Complementary Color

#0ff6f3
```
#0ff6f3 rgb(15,246,243)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#0f13f6
```
#0f13f6 rgb(15,19,246)
```

Analogous Color

#f6f30f
```
#f6f30f rgb(246,243,15)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#f60f13
```
#f60f13 rgb(246,15,19)
```

Split Complementary Color

#86f60f
```
#86f60f rgb(134,246,15)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#f60f86
```
#f60f86 rgb(246,15,134)
```

Triadic Color

#0ff67f
```
#0ff67f rgb(15,246,127)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#f60f86
```
#f60f86 rgb(246,15,134)
```
#f67f0f
```
#f67f0f rgb(246,127,15)
```

Tetradic Color

#075fb2
```
#075fb2 rgb(7,95,178)
```
#086cca
```
#086cca rgb(8,108,202)
```
#0979e3
```
#0979e3 rgb(9,121,227)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#2892f7
```
#2892f7 rgb(40,146,247)
```
#409ff8
```
#409ff8 rgb(64,159,248)
```
#59abf9
```
#59abf9 rgb(89,171,249)
```

Monochromatic Color

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

#0fc0f6
```
#0fc0f6 rgb(15,192,246)
```
#0fadf6
```
#0fadf6 rgb(15,173,246)
```
#0f99f6
```
#0f99f6 rgb(15,153,246)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#0f73f6
```
#0f73f6 rgb(15,115,246)
```
#0f60f6
```
#0f60f6 rgb(15,96,246)
```
#0f4cf6
```
#0f4cf6 rgb(15,76,246)
```

Similar Colors

Text with hexadecimal color #0f86f6

This text has a font color of #0f86f6.

<span style="color:#0f86f6;">Text here</span>

#0f86f6 background color

This paragraph has a background color of #0f86f6.

<p style="background-color:#0f86f6;">Content here</p>

#0f86f6 border color

This element has a border color of #0f86f6.

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

CSS codes

.text {color:#0f86f6;}

.background {background-color:#0f86f6;}

.border {border:1px solid #0f86f6;}

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

#000306
```
#000306 rgb(0,3,6)
```
#010d19
```
#010d19 rgb(1,13,25)
```
#02172c
```
#02172c rgb(2,23,44)
```
#02213f
```
#02213f rgb(2,33,63)
```
#032b51
```
#032b51 rgb(3,43,81)
```
#043664
```
#043664 rgb(4,54,100)
```
#044077
```
#044077 rgb(4,64,119)
```
#054a8a
```
#054a8a rgb(5,74,138)
```
#06549d
```
#06549d rgb(6,84,157)
```
#075eb0
```
#075eb0 rgb(7,94,176)
```
#0768c3
```
#0768c3 rgb(7,104,195)
```
#0872d6
```
#0872d6 rgb(8,114,214)
```
#097ce9
```
#097ce9 rgb(9,124,233)
```

Shade Color Variation

#0f86f6
```
#0f86f6 rgb(15,134,246)
```
#2290f7
```
#2290f7 rgb(34,144,247)
```
#3599f7
```
#3599f7 rgb(53,153,247)
```
#48a3f8
```
#48a3f8 rgb(72,163,248)
```
#5bacf9
```
#5bacf9 rgb(91,172,249)
```
#6eb6fa
```
#6eb6fa rgb(110,182,250)
```
#80bffa
```
#80bffa rgb(128,191,250)
```
#93c9fb
```
#93c9fb rgb(147,201,251)
```
#a6d2fc
```
#a6d2fc rgb(166,210,252)
```
#b9dcfc
```
#b9dcfc rgb(185,220,252)
```
#cce5fd
```
#cce5fd rgb(204,229,253)
```
#dfeffe
```
#dfeffe rgb(223,239,254)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#828383
```
#828383 rgb(130,131,131)
```
#78838d
```
#78838d rgb(120,131,141)
```
#6f8396
```
#6f8396 rgb(111,131,150)
```
#6583a0
```
#6583a0 rgb(101,131,160)
```
#5c84a9
```
#5c84a9 rgb(92,132,169)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#4884bd
```
#4884bd rgb(72,132,189)
```
#3f85c6
```
#3f85c6 rgb(63,133,198)
```
#3585d0
```
#3585d0 rgb(53,133,208)
```
#2c85d9
```
#2c85d9 rgb(44,133,217)
```
#2285e3
```
#2285e3 rgb(34,133,227)
```
#1986ec
```
#1986ec rgb(25,134,236)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```

Tone Color Variation

Below, you can see how #0f86f6 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

#6f6f6f Achromatopsia 0.005% of the population
#5c748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5088f3 Protanopia 1% of men
#008eec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3887f4 Protanomaly 1% of men, 0.01% of women
#058bef Deuteranomaly 6% of men, 0.4% of women
#0592c1 Tritanomaly 0.01% of the population

#0f86f6 hex color

#0f86f6 Color Information

#0f86f6 Color Conversion

Color Schemes with #0f86f6

Alternatives to #0f86f6

#0f86f6 Preview

Shades and Tints of #0f86f6

Tones of #0f86f6

Color Blindness Simulator