#106684 hex color

In a RGB color space, hex #106684 is composed of 6.3% red, 40% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 87.9% cyan, 22.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 195.5 degrees, a saturation of 78.4% and a lightness of 29%. #106684 color hex could be obtained by blending #20ccff with #000009. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 6
- G 40
- B 52
RGB color chart
- C 88
- M 23
- Y 0
- K 48
CMYK color chart

● #106684 color description : Dark blue.

The hexadecimal color #106684 has RGB values of R:16, G:102, B:132 and CMYK values of C:0.88, M:0.23, Y:0, K:0.48. Its decimal value is 1074820.

Hex triplet	106684	`#106684`
RGB Decimal	16, 102, 132	`rgb(16,102,132)`
RGB Percent	6.3, 40, 51.8	`rgb(6.3%,40%,51.8%)`
CMYK	88, 23, 0, 48
HSL	195.5°, 78.4, 29	`hsl(195.5,78.4%,29%)`
HSV (or HSB)	195.5°, 87.9, 51.8
Web Safe	006699	`#006699`

CIE-LAB	40.045, -12.593, -23.38
XYZ	9.129, 11.278, 23.524
xyY	0.208, 0.257, 11.278
CIE-LCH	40.045, 26.556, 241.692
CIE-LUV	40.045, -26.61, -31.489
Hunter-Lab	33.583, -10.248, -18.024
Binary	00010000, 01100110, 10000100

#106684
```
#106684 rgb(16,102,132)
```
#842e10
```
#842e10 rgb(132,46,16)
```

Complementary Color

#108468
```
#108468 rgb(16,132,104)
```
#106684
```
#106684 rgb(16,102,132)
```
#102c84
```
#102c84 rgb(16,44,132)
```

Analogous Color

#846810
```
#846810 rgb(132,104,16)
```
#106684
```
#106684 rgb(16,102,132)
```
#84102c
```
#84102c rgb(132,16,44)
```

Split Complementary Color

#668410
```
#668410 rgb(102,132,16)
```
#106684
```
#106684 rgb(16,102,132)
```
#841066
```
#841066 rgb(132,16,102)
```

Triadic Color

#10842e
```
#10842e rgb(16,132,46)
```
#106684
```
#106684 rgb(16,102,132)
```
#841066
```
#841066 rgb(132,16,102)
```
#842e10
```
#842e10 rgb(132,46,16)
```

Tetradic Color

#083140
```
#083140 rgb(8,49,64)
```
#0a4357
```
#0a4357 rgb(10,67,87)
```
#0d546d
```
#0d546d rgb(13,84,109)
```
#106684
```
#106684 rgb(16,102,132)
```
#13789b
```
#13789b rgb(19,120,155)
```
#1689b1
```
#1689b1 rgb(22,137,177)
```
#189bc8
```
#189bc8 rgb(24,155,200)
```

Monochromatic Color

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

#108384
```
#108384 rgb(16,131,132)
```
#107984
```
#107984 rgb(16,121,132)
```
#107084
```
#107084 rgb(16,112,132)
```
#106684
```
#106684 rgb(16,102,132)
```
#105c84
```
#105c84 rgb(16,92,132)
```
#105384
```
#105384 rgb(16,83,132)
```
#104984
```
#104984 rgb(16,73,132)
```

Similar Colors

Text with hexadecimal color #106684

This text has a font color of #106684.

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

#106684 background color

This paragraph has a background color of #106684.

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

#106684 border color

This element has a border color of #106684.

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

CSS codes

.text {color:#106684;}

.background {background-color:#106684;}

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

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

#01070a
```
#01070a rgb(1,7,10)
```
#03151b
```
#03151b rgb(3,21,27)
```
#05222d
```
#05222d rgb(5,34,45)
```
#08303e
```
#08303e rgb(8,48,62)
```
#0a3d50
```
#0a3d50 rgb(10,61,80)
```
#0c4b61
```
#0c4b61 rgb(12,75,97)
```
#0e5873
```
#0e5873 rgb(14,88,115)
```
#106684
```
#106684 rgb(16,102,132)
```
#127495
```
#127495 rgb(18,116,149)
```
#1481a7
```
#1481a7 rgb(20,129,167)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#189cca
```
#189cca rgb(24,156,202)
```
#1baadb
```
#1baadb rgb(27,170,219)
```

Shade Color Variation

#25b3e5
```
#25b3e5 rgb(37,179,229)
```
#37b9e7
```
#37b9e7 rgb(55,185,231)
```
#48bfe9
```
#48bfe9 rgb(72,191,233)
```
#5ac5eb
```
#5ac5eb rgb(90,197,235)
```
#6bcbed
```
#6bcbed rgb(107,203,237)
```
#7dd2ef
```
#7dd2ef rgb(125,210,239)
```
#8ed8f1
```
#8ed8f1 rgb(142,216,241)
```
#a0def3
```
#a0def3 rgb(160,222,243)
```
#b1e4f6
```
#b1e4f6 rgb(177,228,246)
```
#c3eaf8
```
#c3eaf8 rgb(195,234,248)
```
#d4f0fa
```
#d4f0fa rgb(212,240,250)
```
#e6f6fc
```
#e6f6fc rgb(230,246,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b4b is the less saturated color, while #056b8f is the most saturated one.

#494b4b
```
#494b4b rgb(73,75,75)
```
#434d51
```
#434d51 rgb(67,77,81)
```
#3e5056
```
#3e5056 rgb(62,80,86)
```
#38535c
```
#38535c rgb(56,83,92)
```
#325662
```
#325662 rgb(50,86,98)
```
#2c5868
```
#2c5868 rgb(44,88,104)
```
#275b6d
```
#275b6d rgb(39,91,109)
```
#215e73
```
#215e73 rgb(33,94,115)
```
#1b6179
```
#1b6179 rgb(27,97,121)
```
#16637e
```
#16637e rgb(22,99,126)
```
#106684
```
#106684 rgb(16,102,132)
```
#0a698a
```
#0a698a rgb(10,105,138)
```
#056b8f
```
#056b8f rgb(5,107,143)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#43545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6584 Protanopia 1% of men
#57658d Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#416584 Protanomaly 1% of men, 0.01% of women
#3d658a Deuteranomaly 6% of men, 0.4% of women
#056c7c Tritanomaly 0.01% of the population

#106684 hex color

#106684 Color Information

#106684 Color Conversion

Color Schemes with #106684

Alternatives to #106684

#106684 Preview

Shades and Tints of #106684

Tones of #106684

Color Blindness Simulator