#106196 hex color

In a RGB color space, hex #106196 is composed of 6.3% red, 38% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 35.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 203.7 degrees, a saturation of 80.7% and a lightness of 32.5%. #106196 color hex could be obtained by blending #20c2ff with #00002d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 6
- G 38
- B 59
RGB color chart
- C 89
- M 35
- Y 0
- K 41
CMYK color chart

● #106196 color description : Dark blue.

The hexadecimal color #106196 has RGB values of R:16, G:97, B:150 and CMYK values of C:0.89, M:0.35, Y:0, K:0.41. Its decimal value is 1073558.

Hex triplet	106196	`#106196`
RGB Decimal	16, 97, 150	`rgb(16,97,150)`
RGB Percent	6.3, 38, 58.8	`rgb(6.3%,38%,58.8%)`
CMYK	89, 35, 0, 41
HSL	203.7°, 80.7, 32.5	`hsl(203.7,80.7%,32.5%)`
HSV (or HSB)	203.7°, 89.3, 58.8
Web Safe	006699	`#006699`

CIE-LAB	39.345, -2.575, -35.327
XYZ	9.992, 10.861, 30.422
xyY	0.195, 0.212, 10.861
CIE-LCH	39.345, 35.421, 265.831
CIE-LUV	39.345, -23.805, -50.29
Hunter-Lab	32.955, -3.551, -31.663
Binary	00010000, 01100001, 10010110

#106196
```
#106196 rgb(16,97,150)
```
#964510
```
#964510 rgb(150,69,16)
```

Complementary Color

#109688
```
#109688 rgb(16,150,136)
```
#106196
```
#106196 rgb(16,97,150)
```
#101e96
```
#101e96 rgb(16,30,150)
```

Analogous Color

#968810
```
#968810 rgb(150,136,16)
```
#106196
```
#106196 rgb(16,97,150)
```
#96101e
```
#96101e rgb(150,16,30)
```

Split Complementary Color

#619610
```
#619610 rgb(97,150,16)
```
#106196
```
#106196 rgb(16,97,150)
```
#961061
```
#961061 rgb(150,16,97)
```

Triadic Color

#109645
```
#109645 rgb(16,150,69)
```
#106196
```
#106196 rgb(16,97,150)
```
#961061
```
#961061 rgb(150,16,97)
```
#964510
```
#964510 rgb(150,69,16)
```

Tetradic Color

#093451
```
#093451 rgb(9,52,81)
```
#0b4368
```
#0b4368 rgb(11,67,104)
```
#0e527f
```
#0e527f rgb(14,82,127)
```
#106196
```
#106196 rgb(16,97,150)
```
#1270ad
```
#1270ad rgb(18,112,173)
```
#157fc4
```
#157fc4 rgb(21,127,196)
```
#178edb
```
#178edb rgb(23,142,219)
```

Monochromatic Color

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

#108396
```
#108396 rgb(16,131,150)
```
#107796
```
#107796 rgb(16,119,150)
```
#106c96
```
#106c96 rgb(16,108,150)
```
#106196
```
#106196 rgb(16,97,150)
```
#105696
```
#105696 rgb(16,86,150)
```
#104b96
```
#104b96 rgb(16,75,150)
```
#104096
```
#104096 rgb(16,64,150)
```

Similar Colors

Text with hexadecimal color #106196

This text has a font color of #106196.

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

#106196 background color

This paragraph has a background color of #106196.

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

#106196 border color

This element has a border color of #106196.

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

CSS codes

.text {color:#106196;}

.background {background-color:#106196;}

.border {border:1px solid #106196;}

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, #010508 is the darkest color, while #f5fbfe is the lightest one.

#010508
```
#010508 rgb(1,5,8)
```
#03111a
```
#03111a rgb(3,17,26)
```
#051c2c
```
#051c2c rgb(5,28,44)
```
#07283d
```
#07283d rgb(7,40,61)
```
#08334f
```
#08334f rgb(8,51,79)
```
#0a3f61
```
#0a3f61 rgb(10,63,97)
```
#0c4a73
```
#0c4a73 rgb(12,74,115)
```
#0e5684
```
#0e5684 rgb(14,86,132)
```
#106196
```
#106196 rgb(16,97,150)
```
#126ca8
```
#126ca8 rgb(18,108,168)
```
#1478b9
```
#1478b9 rgb(20,120,185)
```
#1683cb
```
#1683cb rgb(22,131,203)
```
#188fdd
```
#188fdd rgb(24,143,221)
```

Shade Color Variation

#2199e7
```
#2199e7 rgb(33,153,231)
```
#33a1e9
```
#33a1e9 rgb(51,161,233)
```
#44a9eb
```
#44a9eb rgb(68,169,235)
```
#56b1ed
```
#56b1ed rgb(86,177,237)
```
#68b9ef
```
#68b9ef rgb(104,185,239)
```
#79c2f1
```
#79c2f1 rgb(121,194,241)
```
#8bcaf3
```
#8bcaf3 rgb(139,202,243)
```
#9dd2f5
```
#9dd2f5 rgb(157,210,245)
```
#afdaf6
```
#afdaf6 rgb(175,218,246)
```
#c0e2f8
```
#c0e2f8 rgb(192,226,248)
```
#d2eafa
```
#d2eafa rgb(210,234,250)
```
#e4f2fc
```
#e4f2fc rgb(228,242,252)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

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

#505456
```
#505456 rgb(80,84,86)
```
#49555d
```
#49555d rgb(73,85,93)
```
#435663
```
#435663 rgb(67,86,99)
```
#3d5869
```
#3d5869 rgb(61,88,105)
```
#365970
```
#365970 rgb(54,89,112)
```
#305a76
```
#305a76 rgb(48,90,118)
```
#2a5c7c
```
#2a5c7c rgb(42,92,124)
```
#235d83
```
#235d83 rgb(35,93,131)
```
#1d5e89
```
#1d5e89 rgb(29,94,137)
```
#166090
```
#166090 rgb(22,96,144)
```
#106196
```
#106196 rgb(16,97,150)
```
#0a629c
```
#0a629c rgb(10,98,156)
```
#0364a3
```
#0364a3 rgb(3,100,163)
```

Tone Color Variation

Below, you can see how #106196 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

#4f4f4f Achromatopsia 0.005% of the population
#42535d Atypical Achromatopsia 0.001% of the population

Dichromacy

#506396 Protanopia 1% of men
#3f659d Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#396296 Protanomaly 1% of men, 0.01% of women
#2e639a Deuteranomaly 6% of men, 0.4% of women
#056981 Tritanomaly 0.01% of the population

#106196 hex color

#106196 Color Information

#106196 Color Conversion

Color Schemes with #106196

Alternatives to #106196

#106196 Preview

Shades and Tints of #106196

Tones of #106196

Color Blindness Simulator