colorhexa.com

#0d86b4 hex color

In a RGB color space, hex #0d86b4 is composed of 5.1% red, 52.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 25.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 196.5 degrees, a saturation of 86.5% and a lightness of 37.8%. #0d86b4 color hex could be obtained by blending #1affff with #000d69. Closest websafe color is: #0099cc.

- R 5
- G 53
- B 71
RGB color chart
- C 93
- M 26
- Y 0
- K 29
CMYK color chart

● #0d86b4 color description : Strong blue.

The hexadecimal color #0d86b4 has RGB values of R:13, G:134, B:180 and CMYK values of C:0.93, M:0.26, Y:0, K:0.29. Its decimal value is 886452.

Hex triplet	0d86b4	`#0d86b4`
RGB Decimal	13, 134, 180	`rgb(13,134,180)`
RGB Percent	5.1, 52.5, 70.6	`rgb(5.1%,52.5%,70.6%)`
CMYK	93, 26, 0, 29
HSL	196.5°, 86.5, 37.8	`hsl(196.5,86.5%,37.8%)`
HSV (or HSB)	196.5°, 92.8, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.319, -13.17, -32.527
XYZ	16.927, 20.429, 46.229
xyY	0.203, 0.244, 20.429
CIE-LCH	52.319, 35.092, 247.958
CIE-LUV	52.319, -34.893, -47.888
Hunter-Lab	45.199, -12.249, -29.002
Binary	00001101, 10000110, 10110100

#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#b43b0d
```
#b43b0d rgb(180,59,13)
```

Complementary Color

#0db48f
```
#0db48f rgb(13,180,143)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#0d33b4
```
#0d33b4 rgb(13,51,180)
```

Analogous Color

#b48f0d
```
#b48f0d rgb(180,143,13)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#b40d33
```
#b40d33 rgb(180,13,51)
```

Split Complementary Color

#86b40d
```
#86b40d rgb(134,180,13)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#b40d86
```
#b40d86 rgb(180,13,134)
```

Triadic Color

#0db43b
```
#0db43b rgb(13,180,59)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#b40d86
```
#b40d86 rgb(180,13,134)
```
#b43b0d
```
#b43b0d rgb(180,59,13)
```

Tetradic Color

#08516d
```
#08516d rgb(8,81,109)
```
#0a6384
```
#0a6384 rgb(10,99,132)
```
#0b749c
```
#0b749c rgb(11,116,156)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#0f98cc
```
#0f98cc rgb(15,152,204)
```
#10a9e4
```
#10a9e4 rgb(16,169,228)
```
#1fb5ef
```
#1fb5ef rgb(31,181,239)
```

Monochromatic Color

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

#0db0b4
```
#0db0b4 rgb(13,176,180)
```
#0da2b4
```
#0da2b4 rgb(13,162,180)
```
#0d94b4
```
#0d94b4 rgb(13,148,180)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#0d78b4
```
#0d78b4 rgb(13,120,180)
```
#0d6ab4
```
#0d6ab4 rgb(13,106,180)
```
#0d5cb4
```
#0d5cb4 rgb(13,92,180)
```

Similar Colors

Text with hexadecimal color #0d86b4

This text has a font color of #0d86b4.

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

#0d86b4 background color

This paragraph has a background color of #0d86b4.

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

#0d86b4 border color

This element has a border color of #0d86b4.

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

CSS codes

.text {color:#0d86b4;}

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

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

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, #010b0f is the darkest color, while #fcfeff is the lightest one.

#010b0f
```
#010b0f rgb(1,11,15)
```
#021922
```
#021922 rgb(2,25,34)
```
#042734
```
#042734 rgb(4,39,52)
```
#053446
```
#053446 rgb(5,52,70)
```
#064259
```
#064259 rgb(6,66,89)
```
#08506b
```
#08506b rgb(8,80,107)
```
#095d7d
```
#095d7d rgb(9,93,125)
```
#0a6b8f
```
#0a6b8f rgb(10,107,143)
```
#0c78a2
```
#0c78a2 rgb(12,120,162)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#0e94c6
```
#0e94c6 rgb(14,148,198)
```
#10a1d9
```
#10a1d9 rgb(16,161,217)
```
#11afeb
```
#11afeb rgb(17,175,235)
```

Shade Color Variation

#21b6ef
```
#21b6ef rgb(33,182,239)
```
#33bcf0
```
#33bcf0 rgb(51,188,240)
```
#45c2f2
```
#45c2f2 rgb(69,194,242)
```
#57c8f3
```
#57c8f3 rgb(87,200,243)
```
#6acef4
```
#6acef4 rgb(106,206,244)
```
#7cd4f6
```
#7cd4f6 rgb(124,212,246)
```
#8edaf7
```
#8edaf7 rgb(142,218,247)
```
#a1e0f8
```
#a1e0f8 rgb(161,224,248)
```
#b3e6fa
```
#b3e6fa rgb(179,230,250)
```
#c5ecfb
```
#c5ecfb rgb(197,236,251)
```
#d7f2fc
```
#d7f2fc rgb(215,242,252)
```
#eaf8fd
```
#eaf8fd rgb(234,248,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6162 is the less saturated color, while #0689bb is the most saturated one.

#5f6162
```
#5f6162 rgb(95,97,98)
```
#57656a
```
#57656a rgb(87,101,106)
```
#506871
```
#506871 rgb(80,104,113)
```
#486b79
```
#486b79 rgb(72,107,121)
```
#416f80
```
#416f80 rgb(65,111,128)
```
#3a7287
```
#3a7287 rgb(58,114,135)
```
#32758f
```
#32758f rgb(50,117,143)
```
#2b7996
```
#2b7996 rgb(43,121,150)
```
#237c9e
```
#237c9e rgb(35,124,158)
```
#1c7fa5
```
#1c7fa5 rgb(28,127,165)
```
#1483ad
```
#1483ad rgb(20,131,173)
```
#0d86b4
```
#0d86b4 rgb(13,134,180)
```
#0689bb
```
#0689bb rgb(6,137,187)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#556d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7481b0 Protanopia 1% of men
#6982bb Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#4e83b1 Protanomaly 1% of men, 0.01% of women
#4784b8 Deuteranomaly 6% of men, 0.4% of women
#048ca3 Tritanomaly 0.01% of the population