#102196 hex color

In a RGB color space, hex #102196 is composed of 6.3% red, 12.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 78% magenta, 0% yellow and 41.2% black. It has a hue angle of 232.4 degrees, a saturation of 80.7% and a lightness of 32.5%. #102196 color hex could be obtained by blending #2042ff with #00002d. Closest websafe color is: #003399.

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

● #102196 color description : Dark blue.

The hexadecimal color #102196 has RGB values of R:16, G:33, B:150 and CMYK values of C:0.89, M:0.78, Y:0, K:0.41. Its decimal value is 1057174.

Hex triplet	102196	`#102196`
RGB Decimal	16, 33, 150	`rgb(16,33,150)`
RGB Percent	6.3, 12.9, 58.8	`rgb(6.3%,12.9%,58.8%)`
CMYK	89, 78, 0, 41
HSL	232.4°, 80.7, 32.5	`hsl(232.4,80.7%,32.5%)`
HSV (or HSB)	232.4°, 89.3, 58.8
Web Safe	003399	`#003399`

CIE-LAB	21.577, 39.966, -64.155
XYZ	6.261, 3.399, 29.179
xyY	0.161, 0.088, 3.399
CIE-LCH	21.577, 75.585, 301.921
CIE-LUV	21.577, -6.973, -72.098
Hunter-Lab	18.437, 28.354, -80.924
Binary	00010000, 00100001, 10010110

#102196
```
#102196 rgb(16,33,150)
```
#968510
```
#968510 rgb(150,133,16)
```

Complementary Color

#106496
```
#106496 rgb(16,100,150)
```
#102196
```
#102196 rgb(16,33,150)
```
#421096
```
#421096 rgb(66,16,150)
```

Analogous Color

#649610
```
#649610 rgb(100,150,16)
```
#102196
```
#102196 rgb(16,33,150)
```
#964210
```
#964210 rgb(150,66,16)
```

Split Complementary Color

#219610
```
#219610 rgb(33,150,16)
```
#102196
```
#102196 rgb(16,33,150)
```
#961021
```
#961021 rgb(150,16,33)
```

Triadic Color

#109685
```
#109685 rgb(16,150,133)
```
#102196
```
#102196 rgb(16,33,150)
```
#961021
```
#961021 rgb(150,16,33)
```
#968510
```
#968510 rgb(150,133,16)
```

Tetradic Color

#091251
```
#091251 rgb(9,18,81)
```
#0b1768
```
#0b1768 rgb(11,23,104)
```
#0e1c7f
```
#0e1c7f rgb(14,28,127)
```
#102196
```
#102196 rgb(16,33,150)
```
#1226ad
```
#1226ad rgb(18,38,173)
```
#152bc4
```
#152bc4 rgb(21,43,196)
```
#1730db
```
#1730db rgb(23,48,219)
```

Monochromatic Color

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

#104396
```
#104396 rgb(16,67,150)
```
#103796
```
#103796 rgb(16,55,150)
```
#102c96
```
#102c96 rgb(16,44,150)
```
#102196
```
#102196 rgb(16,33,150)
```
#101696
```
#101696 rgb(16,22,150)
```
#151096
```
#151096 rgb(21,16,150)
```
#201096
```
#201096 rgb(32,16,150)
```

Similar Colors

Text with hexadecimal color #102196

This text has a font color of #102196.

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

#102196 background color

This paragraph has a background color of #102196.

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

#102196 border color

This element has a border color of #102196.

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

CSS codes

.text {color:#102196;}

.background {background-color:#102196;}

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

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

#010208
```
#010208 rgb(1,2,8)
```
#03061a
```
#03061a rgb(3,6,26)
```
#050a2c
```
#050a2c rgb(5,10,44)
```
#070e3d
```
#070e3d rgb(7,14,61)
```
#08114f
```
#08114f rgb(8,17,79)
```
#0a1561
```
#0a1561 rgb(10,21,97)
```
#0c1973
```
#0c1973 rgb(12,25,115)
```
#0e1d84
```
#0e1d84 rgb(14,29,132)
```
#102196
```
#102196 rgb(16,33,150)
```
#1225a8
```
#1225a8 rgb(18,37,168)
```
#1429b9
```
#1429b9 rgb(20,41,185)
```
#162dcb
```
#162dcb rgb(22,45,203)
```
#1831dd
```
#1831dd rgb(24,49,221)
```

Shade Color Variation

#213ae7
```
#213ae7 rgb(33,58,231)
```
#334ae9
```
#334ae9 rgb(51,74,233)
```
#4459eb
```
#4459eb rgb(68,89,235)
```
#5669ed
```
#5669ed rgb(86,105,237)
```
#6879ef
```
#6879ef rgb(104,121,239)
```
#7989f1
```
#7989f1 rgb(121,137,241)
```
#8b98f3
```
#8b98f3 rgb(139,152,243)
```
#9da8f5
```
#9da8f5 rgb(157,168,245)
```
#afb8f6
```
#afb8f6 rgb(175,184,246)
```
#c0c7f8
```
#c0c7f8 rgb(192,199,248)
```
#d2d7fa
```
#d2d7fa rgb(210,215,250)
```
#e4e7fc
```
#e4e7fc rgb(228,231,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#505156
```
#505156 rgb(80,81,86)
```
#494c5d
```
#494c5d rgb(73,76,93)
```
#434763
```
#434763 rgb(67,71,99)
```
#3d4269
```
#3d4269 rgb(61,66,105)
```
#363e70
```
#363e70 rgb(54,62,112)
```
#303976
```
#303976 rgb(48,57,118)
```
#2a347c
```
#2a347c rgb(42,52,124)
```
#232f83
```
#232f83 rgb(35,47,131)
```
#1d2b89
```
#1d2b89 rgb(29,43,137)
```
#162690
```
#162690 rgb(22,38,144)
```
#102196
```
#102196 rgb(16,33,150)
```
#0a1c9c
```
#0a1c9c rgb(10,28,156)
```
#0317a3
```
#0317a3 rgb(3,23,163)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#24273f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#004065 Deuteranopia 1% of men
#004447 Tritanopia 0.001% of the population

Trichromacy

#053281 Protanomaly 1% of men, 0.01% of women
#053477 Deuteranomaly 6% of men, 0.4% of women
#053764 Tritanomaly 0.01% of the population

#102196 hex color

#102196 Color Information

#102196 Color Conversion

Color Schemes with #102196

Alternatives to #102196

#102196 Preview

Shades and Tints of #102196

Tones of #102196

Color Blindness Simulator