#106ac1 hex color

In a RGB color space, hex #106ac1 is composed of 6.3% red, 41.6% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 45.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 209.5 degrees, a saturation of 84.7% and a lightness of 41%. #106ac1 color hex could be obtained by blending #20d4ff with #000083. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 42
- B 76
RGB color chart
- C 92
- M 45
- Y 0
- K 24
CMYK color chart

● #106ac1 color description : Strong blue.

The hexadecimal color #106ac1 has RGB values of R:16, G:106, B:193 and CMYK values of C:0.92, M:0.45, Y:0, K:0.24. Its decimal value is 1075905.

Hex triplet	106ac1	`#106ac1`
RGB Decimal	16, 106, 193	`rgb(16,106,193)`
RGB Percent	6.3, 41.6, 75.7	`rgb(6.3%,41.6%,75.7%)`
CMYK	92, 45, 0, 24
HSL	209.5°, 84.7, 41	`hsl(209.5,84.7%,41%)`
HSV (or HSB)	209.5°, 91.7, 75.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.614, 8.883, -52.237
XYZ	14.991, 14.267, 52.413
xyY	0.184, 0.175, 14.267
CIE-LCH	44.614, 52.987, 279.651
CIE-LUV	44.614, -24.699, -78.811
Hunter-Lab	37.772, 4.743, -55.831
Binary	00010000, 01101010, 11000001

#106ac1
```
#106ac1 rgb(16,106,193)
```
#c16710
```
#c16710 rgb(193,103,16)
```

Complementary Color

#10c1c0
```
#10c1c0 rgb(16,193,192)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#1012c1
```
#1012c1 rgb(16,18,193)
```

Analogous Color

#c1c010
```
#c1c010 rgb(193,192,16)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#c11011
```
#c11011 rgb(193,16,17)
```

Split Complementary Color

#6ac110
```
#6ac110 rgb(106,193,16)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#c1106a
```
#c1106a rgb(193,16,106)
```

Triadic Color

#10c167
```
#10c167 rgb(16,193,103)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#c1106a
```
#c1106a rgb(193,16,106)
```
#c16710
```
#c16710 rgb(193,103,16)
```

Tetradic Color

#0a437a
```
#0a437a rgb(10,67,122)
```
#0c5092
```
#0c5092 rgb(12,80,146)
```
#0e5da9
```
#0e5da9 rgb(14,93,169)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#1277d9
```
#1277d9 rgb(18,119,217)
```
#1884ec
```
#1884ec rgb(24,132,236)
```
#3090ee
```
#3090ee rgb(48,144,238)
```

Monochromatic Color

Below, you can see some colors close to #106ac1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1096c1
```
#1096c1 rgb(16,150,193)
```
#1088c1
```
#1088c1 rgb(16,136,193)
```
#1079c1
```
#1079c1 rgb(16,121,193)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#105bc1
```
#105bc1 rgb(16,91,193)
```
#104cc1
```
#104cc1 rgb(16,76,193)
```
#103ec1
```
#103ec1 rgb(16,62,193)
```

Similar Colors

Text with hexadecimal color #106ac1

This text has a font color of #106ac1.

<span style="color:#106ac1;">Text here</span>

#106ac1 background color

This paragraph has a background color of #106ac1.

<p style="background-color:#106ac1;">Content here</p>

#106ac1 border color

This element has a border color of #106ac1.

<div style="border:1px solid #106ac1;">Content here</div>

CSS codes

.text {color:#106ac1;}

.background {background-color:#106ac1;}

.border {border:1px solid #106ac1;}

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, #01070c is the darkest color, while #f9fcfe is the lightest one.

#01070c
```
#01070c rgb(1,7,12)
```
#02101e
```
#02101e rgb(2,16,30)
```
#041a30
```
#041a30 rgb(4,26,48)
```
#052442
```
#052442 rgb(5,36,66)
```
#072e54
```
#072e54 rgb(7,46,84)
```
#083866
```
#083866 rgb(8,56,102)
```
#0a4279
```
#0a4279 rgb(10,66,121)
```
#0b4c8b
```
#0b4c8b rgb(11,76,139)
```
#0d569d
```
#0d569d rgb(13,86,157)
```
#0e60af
```
#0e60af rgb(14,96,175)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#1274d3
```
#1274d3 rgb(18,116,211)
```
#137ee5
```
#137ee5 rgb(19,126,229)
```

Shade Color Variation

#1f88ec
```
#1f88ec rgb(31,136,236)
```
#3191ee
```
#3191ee rgb(49,145,238)
```
#449bef
```
#449bef rgb(68,155,239)
```
#56a5f1
```
#56a5f1 rgb(86,165,241)
```
#68aef2
```
#68aef2 rgb(104,174,242)
```
#7ab8f4
```
#7ab8f4 rgb(122,184,244)
```
#8cc2f5
```
#8cc2f5 rgb(140,194,245)
```
#9ecbf7
```
#9ecbf7 rgb(158,203,247)
```
#b0d5f8
```
#b0d5f8 rgb(176,213,248)
```
#c2dffa
```
#c2dffa rgb(194,223,250)
```
#d5e8fb
```
#d5e8fb rgb(213,232,251)
```
#e7f2fd
```
#e7f2fd rgb(231,242,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686969 is the less saturated color, while #086ac9 is the most saturated one.

#686969
```
#686969 rgb(104,105,105)
```
#606971
```
#606971 rgb(96,105,113)
```
#586979
```
#586979 rgb(88,105,121)
```
#506981
```
#506981 rgb(80,105,129)
```
#486989
```
#486989 rgb(72,105,137)
```
#406991
```
#406991 rgb(64,105,145)
```
#386999
```
#386999 rgb(56,105,153)
```
#3069a1
```
#3069a1 rgb(48,105,161)
```
#286aa9
```
#286aa9 rgb(40,106,169)
```
#206ab1
```
#206ab1 rgb(32,106,177)
```
#186ab9
```
#186ab9 rgb(24,106,185)
```
#106ac1
```
#106ac1 rgb(16,106,193)
```
#086ac9
```
#086ac9 rgb(8,106,201)
```

Tone Color Variation

Below, you can see how #106ac1 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.

Monochromacy

#595959 Achromatopsia 0.005% of the population
#4a5c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#446ec1 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#316cc1 Protanomaly 1% of men, 0.01% of women
#056fc0 Deuteranomaly 6% of men, 0.4% of women
#05759a Tritanomaly 0.01% of the population

#106ac1 hex color

#106ac1 Color Information

#106ac1 Color Conversion

Color Schemes with #106ac1

Alternatives to #106ac1

#106ac1 Preview

Shades and Tints of #106ac1

Tones of #106ac1

Color Blindness Simulator