#0b4ed4 hex color

In a RGB color space, hex #0b4ed4 is composed of 4.3% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 94.8% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 220 degrees, a saturation of 90.1% and a lightness of 43.7%. #0b4ed4 color hex could be obtained by blending #169cff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 31
- B 83
RGB color chart
- C 95
- M 63
- Y 0
- K 17
CMYK color chart

● #0b4ed4 color description : Strong blue.

The hexadecimal color #0b4ed4 has RGB values of R:11, G:78, B:212 and CMYK values of C:0.95, M:0.63, Y:0, K:0.17. Its decimal value is 741076.

Hex triplet	0b4ed4	`#0b4ed4`
RGB Decimal	11, 78, 212	`rgb(11,78,212)`
RGB Percent	4.3, 30.6, 83.1	`rgb(4.3%,30.6%,83.1%)`
CMYK	95, 63, 0, 17
HSL	220°, 90.1, 43.7	`hsl(220,90.1%,43.7%)`
HSV (or HSB)	220°, 94.8, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.326, 34.487, -73.421
XYZ	14.744, 10.272, 63.489
xyY	0.167, 0.116, 10.272
CIE-LCH	38.326, 81.117, 295.16
CIE-LUV	38.326, -16.791, -105.144
Hunter-Lab	32.05, 26.025, -95.015
Binary	00001011, 01001110, 11010100

#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#d4910b
```
#d4910b rgb(212,145,11)
```

Complementary Color

#0bb3d4
```
#0bb3d4 rgb(11,179,212)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#2d0bd4
```
#2d0bd4 rgb(45,11,212)
```

Analogous Color

#b3d40b
```
#b3d40b rgb(179,212,11)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#d42d0b
```
#d42d0b rgb(212,45,11)
```

Split Complementary Color

#4ed40b
```
#4ed40b rgb(78,212,11)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#d40b4e
```
#d40b4e rgb(212,11,78)
```

Triadic Color

#0bd491
```
#0bd491 rgb(11,212,145)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#d40b4e
```
#d40b4e rgb(212,11,78)
```
#d4910b
```
#d4910b rgb(212,145,11)
```

Tetradic Color

#07338b
```
#07338b rgb(7,51,139)
```
#083ca4
```
#083ca4 rgb(8,60,164)
```
#0a45bc
```
#0a45bc rgb(10,69,188)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#0c57ec
```
#0c57ec rgb(12,87,236)
```
#1f66f3
```
#1f66f3 rgb(31,102,243)
```
#3776f5
```
#3776f5 rgb(55,118,245)
```

Monochromatic Color

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

#0b80d4
```
#0b80d4 rgb(11,128,212)
```
#0b70d4
```
#0b70d4 rgb(11,112,212)
```
#0b5fd4
```
#0b5fd4 rgb(11,95,212)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#0b3dd4
```
#0b3dd4 rgb(11,61,212)
```
#0b2cd4
```
#0b2cd4 rgb(11,44,212)
```
#0b1cd4
```
#0b1cd4 rgb(11,28,212)
```

Similar Colors

Text with hexadecimal color #0b4ed4

This text has a font color of #0b4ed4.

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

#0b4ed4 background color

This paragraph has a background color of #0b4ed4.

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

#0b4ed4 border color

This element has a border color of #0b4ed4.

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

CSS codes

.text {color:#0b4ed4;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#01091a
```
#01091a rgb(1,9,26)
```
#02102c
```
#02102c rgb(2,16,44)
```
#03173f
```
#03173f rgb(3,23,63)
```
#041e51
```
#041e51 rgb(4,30,81)
```
#052564
```
#052564 rgb(5,37,100)
```
#062c77
```
#062c77 rgb(6,44,119)
```
#073389
```
#073389 rgb(7,51,137)
```
#08399c
```
#08399c rgb(8,57,156)
```
#0940af
```
#0940af rgb(9,64,175)
```
#0a47c1
```
#0a47c1 rgb(10,71,193)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#0c55e7
```
#0c55e7 rgb(12,85,231)
```

Shade Color Variation

#135ef3
```
#135ef3 rgb(19,94,243)
```
#266bf4
```
#266bf4 rgb(38,107,244)
```
#3977f5
```
#3977f5 rgb(57,119,245)
```
#4b84f6
```
#4b84f6 rgb(75,132,246)
```
#5e91f7
```
#5e91f7 rgb(94,145,247)
```
#719ef8
```
#719ef8 rgb(113,158,248)
```
#83aaf9
```
#83aaf9 rgb(131,170,249)
```
#96b7fa
```
#96b7fa rgb(150,183,250)
```
#a9c4fb
```
#a9c4fb rgb(169,196,251)
```
#bbd1fb
```
#bbd1fb rgb(187,209,251)
```
#ceddfc
```
#ceddfc rgb(206,221,252)
```
#e1eafd
```
#e1eafd rgb(225,234,253)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d76 is the less saturated color, while #024bdd is the most saturated one.

#696d76
```
#696d76 rgb(105,109,118)
```
#616b7e
```
#616b7e rgb(97,107,126)
```
#586887
```
#586887 rgb(88,104,135)
```
#50658f
```
#50658f rgb(80,101,143)
```
#476298
```
#476298 rgb(71,98,152)
```
#3e5fa1
```
#3e5fa1 rgb(62,95,161)
```
#365ca9
```
#365ca9 rgb(54,92,169)
```
#2d59b2
```
#2d59b2 rgb(45,89,178)
```
#2557ba
```
#2557ba rgb(37,87,186)
```
#1c54c3
```
#1c54c3 rgb(28,84,195)
```
#1451cb
```
#1451cb rgb(20,81,203)
```
#0b4ed4
```
#0b4ed4 rgb(11,78,212)
```
#024bdd
```
#024bdd rgb(2,75,221)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3d4a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0459c4 Protanomaly 1% of men, 0.01% of women
#045cb4 Deuteranomaly 6% of men, 0.4% of women
#046195 Tritanomaly 0.01% of the population

#0b4ed4 hex color

#0b4ed4 Color Information

#0b4ed4 Color Conversion

Color Schemes with #0b4ed4

Alternatives to #0b4ed4

#0b4ed4 Preview

Shades and Tints of #0b4ed4

Tones of #0b4ed4

Color Blindness Simulator