#106ca3 Color Information
In a RGB color space, hex #106ca3 is composed of 6.3% red, 42.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 33.7% magenta, 0% yellow and 36.1% black. It has a hue angle of 202.4 degrees, a saturation of 82.1% and a lightness of 35.1%. #106ca3 color hex could be obtained by blending #20d8ff with #000047. Closest websafe color is: #006699.
-
- R 6
- G 42
- B 64
-
- C 90
- M 34
- Y 0
- K 36
● #106ca3 color description : Dark blue.
#106ca3 Color Conversion
The hexadecimal color #106ca3 has RGB values of R:16, G:108, B:163 and CMYK values of C:0.9, M:0.34, Y:0, K:0.36. Its decimal value is 1076387.
Hex triplet | 106ca3 | #106ca3 |
---|---|---|
RGB Decimal | 16, 108, 163 | rgb(16,108,163) |
RGB Percent | 6.3, 42.4, 63.9 | rgb(6.3%,42.4%,63.9%) |
CMYK | 90, 34, 0, 36 | |
HSL | 202.4°, 82.1, 35.1 | hsl(202.4,82.1%,35.1%) |
HSV (or HSB) | 202.4°, 90.2, 63.9 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 43.476, -4.242, -36.526 |
---|---|
XYZ | 12.185, 13.478, 36.608 |
xyY | 0.196, 0.216, 13.478 |
CIE-LCH | 43.476, 36.772, 263.376 |
CIE-LUV | 43.476, -26.839, -53.211 |
Hunter-Lab | 36.713, -5.002, -33.421 |
Binary | 00010000, 01101100, 10100011 |
Color Schemes with #106ca3
Alternatives to #106ca3
Below, you can see some colors close to #106ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#106ca3 Preview
This text has a font color of #106ca3.
<span style="color:#106ca3;">Text here</span>
This paragraph has a background color of #106ca3.
<p style="background-color:#106ca3;">Content here</p>
This element has a border color of #106ca3.
<div style="border:1px solid #106ca3;">Content here</div>
.text {color:#106ca3;}
.background {background-color:#106ca3;}
.border {border:1px solid #106ca3;}
Shades and Tints of #106ca3
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, #000102 is the darkest color, while #eff8fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#020d14
#020d14
rgb(2,13,20)
-
#041926
#041926
rgb(4,25,38)
-
#052538
#052538
rgb(5,37,56)
-
#07314a
#07314a
rgb(7,49,74)
-
#093d5c
#093d5c
rgb(9,61,92)
-
#0b486d
#0b486d
rgb(11,72,109)
-
#0c547f
#0c547f
rgb(12,84,127)
-
#0e6091
#0e6091
rgb(14,96,145)
-
#106ca3
#106ca3
rgb(16,108,163)
-
#1278b5
#1278b5
rgb(18,120,181)
-
#1484c7
#1484c7
rgb(20,132,199)
-
#1590d9
#1590d9
rgb(21,144,217)
-
#199be8
#199be8
rgb(25,155,232)
-
#2ba3ea
#2ba3ea
rgb(43,163,234)
-
#3daaec
#3daaec
rgb(61,170,236)
-
#4fb2ee
#4fb2ee
rgb(79,178,238)
-
#60baef
#60baef
rgb(96,186,239)
-
#72c2f1
#72c2f1
rgb(114,194,241)
-
#84caf3
#84caf3
rgb(132,202,243)
-
#96d1f5
#96d1f5
rgb(150,209,245)
-
#a8d9f6
#a8d9f6
rgb(168,217,246)
-
#bae1f8
#bae1f8
rgb(186,225,248)
-
#cce9fa
#cce9fa
rgb(204,233,250)
-
#def0fc
#def0fc
rgb(222,240,252)
-
#eff8fd
#eff8fd
rgb(239,248,253)
Tones of #106ca3
A tone is produced by adding gray to any pure hue. In this case, #555b5e is the less saturated color, while #026fb1 is the most saturated one.
-
#555b5e
#555b5e
rgb(85,91,94)
-
#4e5c65
#4e5c65
rgb(78,92,101)
-
#475e6c
#475e6c
rgb(71,94,108)
-
#406073
#406073
rgb(64,96,115)
-
#39627a
#39627a
rgb(57,98,122)
-
#326381
#326381
rgb(50,99,129)
-
#2c6587
#2c6587
rgb(44,101,135)
-
#25678e
#25678e
rgb(37,103,142)
-
#1e6995
#1e6995
rgb(30,105,149)
-
#176a9c
#176a9c
rgb(23,106,156)
-
#106ca3
#106ca3
rgb(16,108,163)
-
#096eaa
#096eaa
rgb(9,110,170)
-
#026fb1
#026fb1
rgb(2,111,177)
Color Blindness Simulator
Below, you can see how #106ca3 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.