colorhexa.com

#0b6bdf hex color

In a RGB color space, hex #0b6bdf is composed of 4.3% red, 42% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 52% magenta, 0% yellow and 12.5% black. It has a hue angle of 212.8 degrees, a saturation of 90.6% and a lightness of 45.9%. #0b6bdf color hex could be obtained by blending #16d6ff with #0000bf. Closest websafe color is: #0066cc.

- R 4
- G 42
- B 87
RGB color chart
- C 95
- M 52
- Y 0
- K 13
CMYK color chart

● #0b6bdf color description : Vivid blue.

The hexadecimal color #0b6bdf has RGB values of R:11, G:107, B:223 and CMYK values of C:0.95, M:0.52, Y:0, K:0.13. Its decimal value is 748511.

Hex triplet	0b6bdf	`#0b6bdf`
RGB Decimal	11, 107, 223	`rgb(11,107,223)`
RGB Percent	4.3, 42, 87.5	`rgb(4.3%,42%,87.5%)`
CMYK	95, 52, 0, 13
HSL	212.8°, 90.6, 45.9	`hsl(212.8,90.6%,45.9%)`
HSV (or HSB)	212.8°, 95.1, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.86, 19.923, -65.778
XYZ	18.712, 15.913, 71.893
xyY	0.176, 0.149, 15.913
CIE-LCH	46.86, 68.729, 286.85
CIE-LUV	46.86, -24.139, -100.886
Hunter-Lab	39.891, 13.923, -78.933
Binary	00001011, 01101011, 11011111

#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#df7f0b
```
#df7f0b rgb(223,127,11)
```

Complementary Color

#0bd5df
```
#0bd5df rgb(11,213,223)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#150bdf
```
#150bdf rgb(21,11,223)
```

Analogous Color

#d5df0b
```
#d5df0b rgb(213,223,11)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#df150b
```
#df150b rgb(223,21,11)
```

Split Complementary Color

#6bdf0b
```
#6bdf0b rgb(107,223,11)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#df0b6b
```
#df0b6b rgb(223,11,107)
```

Triadic Color

#0bdf7f
```
#0bdf7f rgb(11,223,127)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#df0b6b
```
#df0b6b rgb(223,11,107)
```
#df7f0b
```
#df7f0b rgb(223,127,11)
```

Tetradic Color

#074896
```
#074896 rgb(7,72,150)
```
#0954ae
```
#0954ae rgb(9,84,174)
```
#0a5fc7
```
#0a5fc7 rgb(10,95,199)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#1077f3
```
#1077f3 rgb(16,119,243)
```
#2985f4
```
#2985f4 rgb(41,133,244)
```
#4193f6
```
#4193f6 rgb(65,147,246)
```

Monochromatic Color

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

#0ba0df
```
#0ba0df rgb(11,160,223)
```
#0b8edf
```
#0b8edf rgb(11,142,223)
```
#0b7ddf
```
#0b7ddf rgb(11,125,223)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#0b59df
```
#0b59df rgb(11,89,223)
```
#0b48df
```
#0b48df rgb(11,72,223)
```
#0b36df
```
#0b36df rgb(11,54,223)
```

Similar Colors

Text with hexadecimal color #0b6bdf

This text has a font color of #0b6bdf.

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

#0b6bdf background color

This paragraph has a background color of #0b6bdf.

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

#0b6bdf border color

This element has a border color of #0b6bdf.

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

CSS codes

.text {color:#0b6bdf;}

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

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

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

#010811
```
#010811 rgb(1,8,17)
```
#021124
```
#021124 rgb(2,17,36)
```
#031a37
```
#031a37 rgb(3,26,55)
```
#042349
```
#042349 rgb(4,35,73)
```
#052c5c
```
#052c5c rgb(5,44,92)
```
#05356f
```
#05356f rgb(5,53,111)
```
#063e82
```
#063e82 rgb(6,62,130)
```
#074794
```
#074794 rgb(7,71,148)
```
#0850a7
```
#0850a7 rgb(8,80,167)
```
#0959ba
```
#0959ba rgb(9,89,186)
```
#0a62cc
```
#0a62cc rgb(10,98,204)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#0c74f2
```
#0c74f2 rgb(12,116,242)
```

Shade Color Variation

#1d7ef4
```
#1d7ef4 rgb(29,126,244)
```
#3089f5
```
#3089f5 rgb(48,137,245)
```
#4394f6
```
#4394f6 rgb(67,148,246)
```
#559ef7
```
#559ef7 rgb(85,158,247)
```
#68a9f8
```
#68a9f8 rgb(104,169,248)
```
#7bb4f8
```
#7bb4f8 rgb(123,180,248)
```
#8ebef9
```
#8ebef9 rgb(142,190,249)
```
#a0c9fa
```
#a0c9fa rgb(160,201,250)
```
#b3d4fb
```
#b3d4fb rgb(179,212,251)
```
#c6defc
```
#c6defc rgb(198,222,252)
```
#d8e9fd
```
#d8e9fd rgb(216,233,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e747c is the less saturated color, while #026ae8 is the most saturated one.

#6e747c
```
#6e747c rgb(110,116,124)
```
#657385
```
#657385 rgb(101,115,133)
```
#5c738e
```
#5c738e rgb(92,115,142)
```
#537297
```
#537297 rgb(83,114,151)
```
#4a71a0
```
#4a71a0 rgb(74,113,160)
```
#4170a9
```
#4170a9 rgb(65,112,169)
```
#386fb2
```
#386fb2 rgb(56,111,178)
```
#2f6ebb
```
#2f6ebb rgb(47,110,187)
```
#266ec4
```
#266ec4 rgb(38,110,196)
```
#1d6dcd
```
#1d6dcd rgb(29,109,205)
```
#146cd6
```
#146cd6 rgb(20,108,214)
```
#0b6bdf
```
#0b6bdf rgb(11,107,223)
```
#026ae8
```
#026ae8 rgb(2,106,232)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4c5f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1272e0 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0f6fe0 Protanomaly 1% of men, 0.01% of women
#0474ce Deuteranomaly 6% of men, 0.4% of women
#0479a8 Tritanomaly 0.01% of the population