#0b7ae2 hex color

In a RGB color space, hex #0b7ae2 is composed of 4.3% red, 47.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 46% magenta, 0% yellow and 11.4% black. It has a hue angle of 209 degrees, a saturation of 90.7% and a lightness of 46.5%. #0b7ae2 color hex could be obtained by blending #16f4ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 48
- B 89
RGB color chart
- C 95
- M 46
- Y 0
- K 11
CMYK color chart

● #0b7ae2 color description : Vivid blue.

The hexadecimal color #0b7ae2 has RGB values of R:11, G:122, B:226 and CMYK values of C:0.95, M:0.46, Y:0, K:0.11. Its decimal value is 752354.

Hex triplet	0b7ae2	`#0b7ae2`
RGB Decimal	11, 122, 226	`rgb(11,122,226)`
RGB Percent	4.3, 47.8, 88.6	`rgb(4.3%,47.8%,88.6%)`
CMYK	95, 46, 0, 11
HSL	209°, 90.7, 46.5	`hsl(209,90.7%,46.5%)`
HSV (or HSB)	209°, 95.1, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	51.243, 11.572, -60.386
XYZ	20.822, 19.479, 74.61
xyY	0.181, 0.17, 19.479
CIE-LCH	51.243, 61.485, 280.849
CIE-LUV	51.243, -28.443, -94.442
Hunter-Lab	44.135, 6.975, -69.334
Binary	00001011, 01111010, 11100010

#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#e2730b
```
#e2730b rgb(226,115,11)
```

Complementary Color

#0be2df
```
#0be2df rgb(11,226,223)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#0b0fe2
```
#0b0fe2 rgb(11,15,226)
```

Analogous Color

#e2df0b
```
#e2df0b rgb(226,223,11)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#e20b0e
```
#e20b0e rgb(226,11,14)
```

Split Complementary Color

#7ae20b
```
#7ae20b rgb(122,226,11)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#e20b7a
```
#e20b7a rgb(226,11,122)
```

Triadic Color

#0be273
```
#0be273 rgb(11,226,115)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#e20b7a
```
#e20b7a rgb(226,11,122)
```
#e2730b
```
#e2730b rgb(226,115,11)
```

Tetradic Color

#075399
```
#075399 rgb(7,83,153)
```
#0960b1
```
#0960b1 rgb(9,96,177)
```
#0a6dca
```
#0a6dca rgb(10,109,202)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#1387f4
```
#1387f4 rgb(19,135,244)
```
#2b93f5
```
#2b93f5 rgb(43,147,245)
```
#44a0f6
```
#44a0f6 rgb(68,160,246)
```

Monochromatic Color

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

#0bb0e2
```
#0bb0e2 rgb(11,176,226)
```
#0b9ee2
```
#0b9ee2 rgb(11,158,226)
```
#0b8ce2
```
#0b8ce2 rgb(11,140,226)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#0b68e2
```
#0b68e2 rgb(11,104,226)
```
#0b56e2
```
#0b56e2 rgb(11,86,226)
```
#0b44e2
```
#0b44e2 rgb(11,68,226)
```

Similar Colors

Text with hexadecimal color #0b7ae2

This text has a font color of #0b7ae2.

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

#0b7ae2 background color

This paragraph has a background color of #0b7ae2.

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

#0b7ae2 border color

This element has a border color of #0b7ae2.

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

CSS codes

.text {color:#0b7ae2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010b14
```
#010b14 rgb(1,11,20)
```
#021527
```
#021527 rgb(2,21,39)
```
#031f3a
```
#031f3a rgb(3,31,58)
```
#04294c
```
#04294c rgb(4,41,76)
```
#05335f
```
#05335f rgb(5,51,95)
```
#063d72
```
#063d72 rgb(6,61,114)
```
#064884
```
#064884 rgb(6,72,132)
```
#075297
```
#075297 rgb(7,82,151)
```
#085caa
```
#085caa rgb(8,92,170)
```
#0966bd
```
#0966bd rgb(9,102,189)
```
#0a70cf
```
#0a70cf rgb(10,112,207)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```

Shade Color Variation

#0d84f3
```
#0d84f3 rgb(13,132,243)
```
#208ef4
```
#208ef4 rgb(32,142,244)
```
#3397f5
```
#3397f5 rgb(51,151,245)
```
#45a1f6
```
#45a1f6 rgb(69,161,246)
```
#58aaf7
```
#58aaf7 rgb(88,170,247)
```
#6bb4f8
```
#6bb4f8 rgb(107,180,248)
```
#7ebdf9
```
#7ebdf9 rgb(126,189,249)
```
#90c7fa
```
#90c7fa rgb(144,199,250)
```
#a3d0fb
```
#a3d0fb rgb(163,208,251)
```
#b6dafb
```
#b6dafb rgb(182,218,251)
```
#c8e3fc
```
#c8e3fc rgb(200,227,252)
```
#dbedfd
```
#dbedfd rgb(219,237,253)
```
#eef6fe
```
#eef6fe rgb(238,246,254)
```

Tint Color Variation

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

#6f777e
```
#6f777e rgb(111,119,126)
```
#667787
```
#667787 rgb(102,119,135)
```
#5d7790
```
#5d7790 rgb(93,119,144)
```
#547899
```
#547899 rgb(84,120,153)
```
#4b78a2
```
#4b78a2 rgb(75,120,162)
```
#4278ab
```
#4278ab rgb(66,120,171)
```
#3979b4
```
#3979b4 rgb(57,121,180)
```
#2f79be
```
#2f79be rgb(47,121,190)
```
#2679c7
```
#2679c7 rgb(38,121,199)
```
#1d79d0
```
#1d79d0 rgb(29,121,208)
```
#147ad9
```
#147ad9 rgb(20,122,217)
```
#0b7ae2
```
#0b7ae2 rgb(11,122,226)
```
#027aeb
```
#027aeb rgb(2,122,235)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#53697e Atypical Achromatopsia 0.001% of the population

Dichromacy

#487de0 Protanopia 1% of men
#0083d9 Deuteranopia 1% of men
#008d95 Tritanopia 0.001% of the population

Trichromacy

#327ce1 Protanomaly 1% of men, 0.01% of women
#047fdc Deuteranomaly 6% of men, 0.4% of women
#0486b1 Tritanomaly 0.01% of the population

#0b7ae2 hex color

#0b7ae2 Color Information

#0b7ae2 Color Conversion

Color Schemes with #0b7ae2

Alternatives to #0b7ae2

#0b7ae2 Preview

Shades and Tints of #0b7ae2

Tones of #0b7ae2

Color Blindness Simulator