#106ac2 Color Information
In a RGB color space, hex #106ac2 is composed of 6.3% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 209.7 degrees, a saturation of 84.8% and a lightness of 41.2%. #106ac2 color hex could be obtained by blending #20d4ff with #000085. Closest websafe color is: #0066cc.
-
- R 6
- G 42
- B 76
-
- C 92
- M 45
- Y 0
- K 24
● #106ac2 color description : Strong blue.
#106ac2 Color Conversion
The hexadecimal color #106ac2 has RGB values of R:16, G:106, B:194 and CMYK values of C:0.92, M:0.45, Y:0, K:0.24. Its decimal value is 1075906.
Hex triplet | 106ac2 | #106ac2 |
---|---|---|
RGB Decimal | 16, 106, 194 | rgb(16,106,194) |
RGB Percent | 6.3, 41.6, 76.1 | rgb(6.3%,41.6%,76.1%) |
CMYK | 92, 45, 0, 24 | |
HSL | 209.7°, 84.8, 41.2 | hsl(209.7,84.8%,41.2%) |
HSV (or HSB) | 209.7°, 91.8, 76.1 | |
Web Safe | 0066cc | #0066cc |
CIE-LAB | 44.677, 9.28, -52.713 |
---|---|
XYZ | 15.103, 14.312, 53.002 |
xyY | 0.183, 0.174, 14.312 |
CIE-LCH | 44.677, 53.524, 279.985 |
CIE-LUV | 44.677, -24.657, -79.589 |
Hunter-Lab | 37.831, 5.057, -56.585 |
Binary | 00010000, 01101010, 11000010 |
Color Schemes with #106ac2
Alternatives to #106ac2
Below, you can see some colors close to #106ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#106ac2 Preview
This text has a font color of #106ac2.
<span style="color:#106ac2;">Text here</span>
This paragraph has a background color of #106ac2.
<p style="background-color:#106ac2;">Content here</p>
This element has a border color of #106ac2.
<div style="border:1px solid #106ac2;">Content here</div>
.text {color:#106ac2;}
.background {background-color:#106ac2;}
.border {border:1px solid #106ac2;}
Shades and Tints of #106ac2
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, #01070d is the darkest color, while #fafcff is the lightest one.
-
#01070d
#01070d
rgb(1,7,13)
-
#03111f
#03111f
rgb(3,17,31)
-
#041b31
#041b31
rgb(4,27,49)
-
#062543
#062543
rgb(6,37,67)
-
#072f55
#072f55
rgb(7,47,85)
-
#093867
#093867
rgb(9,56,103)
-
#0a427a
#0a427a
rgb(10,66,122)
-
#0c4c8c
#0c4c8c
rgb(12,76,140)
-
#0d569e
#0d569e
rgb(13,86,158)
-
#0f60b0
#0f60b0
rgb(15,96,176)
-
#106ac2
#106ac2
rgb(16,106,194)
-
#1174d4
#1174d4
rgb(17,116,212)
-
#137ee6
#137ee6
rgb(19,126,230)
-
#2088ed
#2088ed
rgb(32,136,237)
-
#3291ee
#3291ee
rgb(50,145,238)
-
#449bf0
#449bf0
rgb(68,155,240)
-
#57a5f1
#57a5f1
rgb(87,165,241)
-
#69aef3
#69aef3
rgb(105,174,243)
-
#7bb8f4
#7bb8f4
rgb(123,184,244)
-
#8dc2f6
#8dc2f6
rgb(141,194,246)
-
#9fccf7
#9fccf7
rgb(159,204,247)
-
#b1d5f9
#b1d5f9
rgb(177,213,249)
-
#c3dffa
#c3dffa
rgb(195,223,250)
-
#d5e9fc
#d5e9fc
rgb(213,233,252)
-
#e8f2fd
#e8f2fd
rgb(232,242,253)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #106ac2
A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #086aca is the most saturated one.
-
#696969
#696969
rgb(105,105,105)
-
#616971
#616971
rgb(97,105,113)
-
#596979
#596979
rgb(89,105,121)
-
#516981
#516981
rgb(81,105,129)
-
#496989
#496989
rgb(73,105,137)
-
#406992
#406992
rgb(64,105,146)
-
#386a9a
#386a9a
rgb(56,106,154)
-
#306aa2
#306aa2
rgb(48,106,162)
-
#286aaa
#286aaa
rgb(40,106,170)
-
#206ab2
#206ab2
rgb(32,106,178)
-
#186aba
#186aba
rgb(24,106,186)
-
#106ac2
#106ac2
rgb(16,106,194)
-
#086aca
#086aca
rgb(8,106,202)
Color Blindness Simulator
Below, you can see how #106ac2 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.