#107bff Color Information
In a RGB color space, hex #107bff is composed of 6.3% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 213.1 degrees, a saturation of 100% and a lightness of 53.1%. #107bff color hex could be obtained by blending #20f6ff with #0000ff. Closest websafe color is: #0066ff.
-
- R 6
- G 48
- B 100
-
- C 94
- M 52
- Y 0
- K 0
● #107bff color description : Vivid blue.
#107bff Color Conversion
The hexadecimal color #107bff has RGB values of R:16, G:123, B:255 and CMYK values of C:0.94, M:0.52, Y:0, K:0. Its decimal value is 1080319.
Hex triplet | 107bff | #107bff |
---|---|---|
RGB Decimal | 16, 123, 255 | rgb(16,123,255) |
RGB Percent | 6.3, 48.2, 100 | rgb(6.3%,48.2%,100%) |
CMYK | 94, 52, 0, 0 | |
HSL | 213.1°, 100, 53.1 | hsl(213.1,100%,53.1%) |
HSV (or HSB) | 213.1°, 93.7, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 53.486, 22.308, -72.913 |
---|---|
XYZ | 25.343, 21.494, 97.415 |
xyY | 0.176, 0.149, 21.494 |
CIE-LCH | 53.486, 76.25, 287.012 |
CIE-LUV | 53.486, -27.428, -115.476 |
Hunter-Lab | 46.361, 16.441, -92.128 |
Binary | 00010000, 01111011, 11111111 |
Color Schemes with #107bff
Alternatives to #107bff
Below, you can see some colors close to #107bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#107bff Preview
This text has a font color of #107bff.
<span style="color:#107bff;">Text here</span>
This paragraph has a background color of #107bff.
<p style="background-color:#107bff;">Content here</p>
This element has a border color of #107bff.
<div style="border:1px solid #107bff;">Content here</div>
.text {color:#107bff;}
.background {background-color:#107bff;}
.border {border:1px solid #107bff;}
Shades and Tints of #107bff
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, #000710 is the darkest color, while #fbfdff is the lightest one.
-
#000710
#000710
rgb(0,7,16)
-
#001024
#001024
rgb(0,16,36)
-
#001937
#001937
rgb(0,25,55)
-
#00224b
#00224b
rgb(0,34,75)
-
#002a5e
#002a5e
rgb(0,42,94)
-
#003372
#003372
rgb(0,51,114)
-
#003c86
#003c86
rgb(0,60,134)
-
#004599
#004599
rgb(0,69,153)
-
#004dad
#004dad
rgb(0,77,173)
-
#0056c1
#0056c1
rgb(0,86,193)
-
#005fd4
#005fd4
rgb(0,95,212)
-
#0068e8
#0068e8
rgb(0,104,232)
-
#0071fb
#0071fb
rgb(0,113,251)
-
#107bff
#107bff
rgb(16,123,255)
-
#2486ff
#2486ff
rgb(36,134,255)
-
#3791ff
#3791ff
rgb(55,145,255)
-
#4b9cff
#4b9cff
rgb(75,156,255)
-
#5ea6ff
#5ea6ff
rgb(94,166,255)
-
#72b1ff
#72b1ff
rgb(114,177,255)
-
#86bcff
#86bcff
rgb(134,188,255)
-
#99c7ff
#99c7ff
rgb(153,199,255)
-
#add2ff
#add2ff
rgb(173,210,255)
-
#c1ddff
#c1ddff
rgb(193,221,255)
-
#d4e7ff
#d4e7ff
rgb(212,231,255)
-
#e8f2ff
#e8f2ff
rgb(232,242,255)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #107bff
A tone is produced by adding gray to any pure hue. In this case, #7e8791 is the less saturated color, while #107bff is the most saturated one.
-
#7e8791
#7e8791
rgb(126,135,145)
-
#75869a
#75869a
rgb(117,134,154)
-
#6c85a3
#6c85a3
rgb(108,133,163)
-
#6384ac
#6384ac
rgb(99,132,172)
-
#5a83b5
#5a83b5
rgb(90,131,181)
-
#5082bf
#5082bf
rgb(80,130,191)
-
#4781c8
#4781c8
rgb(71,129,200)
-
#3e80d1
#3e80d1
rgb(62,128,209)
-
#357fda
#357fda
rgb(53,127,218)
-
#2c7ee3
#2c7ee3
rgb(44,126,227)
-
#227ded
#227ded
rgb(34,125,237)
-
#197cf6
#197cf6
rgb(25,124,246)
-
#107bff
#107bff
rgb(16,123,255)
Color Blindness Simulator
Below, you can see how #107bff 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.