#105bb8 color information
In a RGB color space, hex #105bb8 is composed of 6.3% red, 35.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 50.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 213.2 degrees, a saturation of 84% and a lightness of 39.2%. #105bb8 color hex could be obtained by blending #20b6ff with #000071. Closest websafe color is: #0066cc.
#105bb8 color conversion
The hexadecimal color #105bb8 has RGB values of R:16, G:91, B:184 and CMYK values of C:0.91, M:0.51, Y:0, K:0.28. Its decimal value is 1072056.
- Hex triplet 105bb8
#105bb8 - RGB Decimal 16, 91, 184
rgb(16,91,184) - RGB Percent 6.3, 35.7, 72.2
rgb(6.3%,35.7%,72.2%) - CMYK 91, 51, 0, 28
- HSL 213.2°, 84, 39.2
hsl(213,84%,39%) - HSV (or HSB) 213.2°, 91.3, 72.2
- Web Safe 0066cc
#0066cc
- CIE-LAB 39.668, 15.029, -54.971
- XYZ 12.605, 11.052, 46.814
- xyY 0.179, 0.157, 11.052
- CIE-LCH 39.668, 56.989, 285.291
- CIE-LUV 39.668, -20.473, -80.629
- Hunter-Lab 33.244, 9.5, -60.219
- Binary 00010000, 01011011, 10111000
Color Schemes with #105bb8
#105bb8 in action
This text has a font color of #105bb8.
<span style="color:#105bb8;">Text here</span>
This paragraph has a background color of #105bb8.
<p style="background-color:#105bb8;">Content here</p>
This element has a border color of #105bb8.
<div style="border:1px solid #105bb8;">Content here</div>
.text {color:#105bb8;}
.background {background-color:#105bb8;}
.border {border:1px solid #105bb8;}
Shades of #105bb8
- #000204 #000204
rgb(0,2,4) - #031428 #031428
rgb(3,20,40) - #07254c #07254c
rgb(7,37,76) - #0a3770 #0a3770
rgb(10,55,112) - #0d4994 #0d4994
rgb(13,73,148) - #105bb8 #105bb8
rgb(16,91,184) - #136ddc #136ddc
rgb(19,109,220) - #2a81ec #2a81ec
rgb(42,129,236) - #4e96f0 #4e96f0
rgb(78,150,240) - #72acf3 #72acf3
rgb(114,172,243) - #96c1f6 #96c1f6
rgb(150,193,246) - #bad6f9 #bad6f9
rgb(186,214,249) - #deecfc #deecfc
rgb(222,236,252)
Color Blindness Simulator
Below, you can see how #105bb8 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.
