#106af2 Color Information
In a RGB color space, hex #106af2 is composed of 6.3% red, 41.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 56.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.1 degrees, a saturation of 89.7% and a lightness of 50.6%. #106af2 color hex could be obtained by blending #20d4ff with #0000e5. Closest websafe color is: #0066ff.
-
- R 6
- G 42
- B 95
-
- C 93
- M 56
- Y 0
- K 5
● #106af2 color description : Vivid blue.
#106af2 Color Conversion
The hexadecimal color #106af2 has RGB values of R:16, G:106, B:242 and CMYK values of C:0.93, M:0.56, Y:0, K:0.05. Its decimal value is 1075954.
Hex triplet | 106af2 | #106af2 |
---|---|---|
RGB Decimal | 16, 106, 242 | rgb(16,106,242) |
RGB Percent | 6.3, 41.6, 94.9 | rgb(6.3%,41.6%,94.9%) |
CMYK | 93, 56, 0, 5 | |
HSL | 216.1°, 89.7, 50.6 | hsl(216.1,89.7%,50.6%) |
HSV (or HSB) | 216.1°, 93.4, 94.9 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 48.042, 28.096, -74.544 |
---|---|
XYZ | 21.391, 16.827, 86.12 |
xyY | 0.172, 0.135, 16.827 |
CIE-LCH | 48.042, 79.663, 290.652 |
CIE-LUV | 48.042, -23.14, -114.76 |
Hunter-Lab | 41.021, 21.296, -95.76 |
Binary | 00010000, 01101010, 11110010 |
Color Schemes with #106af2
Alternatives to #106af2
Below, you can see some colors close to #106af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#106af2 Preview
This text has a font color of #106af2.
<span style="color:#106af2;">Text here</span>
This paragraph has a background color of #106af2.
<p style="background-color:#106af2;">Content here</p>
This element has a border color of #106af2.
<div style="border:1px solid #106af2;">Content here</div>
.text {color:#106af2;}
.background {background-color:#106af2;}
.border {border:1px solid #106af2;}
Shades and Tints of #106af2
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, #000103 is the darkest color, while #eff5fe is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#010915
#010915
rgb(1,9,21)
-
#021128
#021128
rgb(2,17,40)
-
#03193b
#03193b
rgb(3,25,59)
-
#04214d
#04214d
rgb(4,33,77)
-
#052960
#052960
rgb(5,41,96)
-
#063172
#063172
rgb(6,49,114)
-
#073985
#073985
rgb(7,57,133)
-
#084198
#084198
rgb(8,65,152)
-
#0949aa
#0949aa
rgb(9,73,170)
-
#0a51bd
#0a51bd
rgb(10,81,189)
-
#0b59cf
#0b59cf
rgb(11,89,207)
-
#0c61e2
#0c61e2
rgb(12,97,226)
-
#106af2
#106af2
rgb(16,106,242)
-
#2376f3
#2376f3
rgb(35,118,243)
-
#3581f4
#3581f4
rgb(53,129,244)
-
#488df5
#488df5
rgb(72,141,245)
-
#5a98f6
#5a98f6
rgb(90,152,246)
-
#6da4f7
#6da4f7
rgb(109,164,247)
-
#80b0f8
#80b0f8
rgb(128,176,248)
-
#92bbf9
#92bbf9
rgb(146,187,249)
-
#a5c7fa
#a5c7fa
rgb(165,199,250)
-
#b7d2fb
#b7d2fb
rgb(183,210,251)
-
#cadefc
#cadefc
rgb(202,222,252)
-
#ddeafd
#ddeafd
rgb(221,234,253)
-
#eff5fe
#eff5fe
rgb(239,245,254)
Tones of #106af2
A tone is produced by adding gray to any pure hue. In this case, #7b8087 is the less saturated color, while #0668fc is the most saturated one.
-
#7b8087
#7b8087
rgb(123,128,135)
-
#717e91
#717e91
rgb(113,126,145)
-
#677c9b
#677c9b
rgb(103,124,155)
-
#5e7aa4
#5e7aa4
rgb(94,122,164)
-
#5478ae
#5478ae
rgb(84,120,174)
-
#4a76b8
#4a76b8
rgb(74,118,184)
-
#4074c2
#4074c2
rgb(64,116,194)
-
#3772cb
#3772cb
rgb(55,114,203)
-
#2d70d5
#2d70d5
rgb(45,112,213)
-
#236edf
#236edf
rgb(35,110,223)
-
#1a6ce8
#1a6ce8
rgb(26,108,232)
-
#106af2
#106af2
rgb(16,106,242)
-
#0668fc
#0668fc
rgb(6,104,252)
Color Blindness Simulator
Below, you can see how #106af2 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.