#1216a2 hex color

In a RGB color space, hex #1216a2 is composed of 7.1% red, 8.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 86.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 238.3 degrees, a saturation of 80% and a lightness of 35.3%. #1216a2 color hex could be obtained by blending #242cff with #000045. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 7
- G 9
- B 64
RGB color chart
- C 89
- M 86
- Y 0
- K 36
CMYK color chart

● #1216a2 color description : Dark blue.

The hexadecimal color #1216a2 has RGB values of R:18, G:22, B:162 and CMYK values of C:0.89, M:0.86, Y:0, K:0.36. Its decimal value is 1185442.

Hex triplet	1216a2	`#1216a2`
RGB Decimal	18, 22, 162	`rgb(18,22,162)`
RGB Percent	7.1, 8.6, 63.5	`rgb(7.1%,8.6%,63.5%)`
CMYK	89, 86, 0, 36
HSL	238.3°, 80, 35.3	`hsl(238.3,80%,35.3%)`
HSV (or HSB)	238.3°, 88.9, 63.5
Web Safe	000099	`#000099`

CIE-LAB	21.247, 49.6, -72.06
XYZ	7.057, 3.311, 34.448
xyY	0.157, 0.074, 3.311
CIE-LCH	21.247, 87.48, 304.54
CIE-LUV	21.247, -5.935, -77.942
Hunter-Lab	18.195, 37.388, -99.515
Binary	00010010, 00010110, 10100010

#1216a2
```
#1216a2 rgb(18,22,162)
```
#a29e12
```
#a29e12 rgb(162,158,18)
```

Complementary Color

#125ea2
```
#125ea2 rgb(18,94,162)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#5612a2
```
#5612a2 rgb(86,18,162)
```

Analogous Color

#5ea212
```
#5ea212 rgb(94,162,18)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#a25612
```
#a25612 rgb(162,86,18)
```

Split Complementary Color

#16a212
```
#16a212 rgb(22,162,18)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#a21216
```
#a21216 rgb(162,18,22)
```

Triadic Color

#12a29e
```
#12a29e rgb(18,162,158)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#a21216
```
#a21216 rgb(162,18,22)
```
#a29e12
```
#a29e12 rgb(162,158,18)
```

Tetradic Color

#0a0d5d
```
#0a0d5d rgb(10,13,93)
```
#0d1074
```
#0d1074 rgb(13,16,116)
```
#0f138b
```
#0f138b rgb(15,19,139)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#1519b9
```
#1519b9 rgb(21,25,185)
```
#171cd0
```
#171cd0 rgb(23,28,208)
```
#1b20e6
```
#1b20e6 rgb(27,32,230)
```

Monochromatic Color

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

#123aa2
```
#123aa2 rgb(18,58,162)
```
#122ea2
```
#122ea2 rgb(18,46,162)
```
#1222a2
```
#1222a2 rgb(18,34,162)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#1a12a2
```
#1a12a2 rgb(26,18,162)
```
#2612a2
```
#2612a2 rgb(38,18,162)
```
#3212a2
```
#3212a2 rgb(50,18,162)
```

Similar Colors

Text with hexadecimal color #1216a2

This text has a font color of #1216a2.

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

#1216a2 background color

This paragraph has a background color of #1216a2.

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

#1216a2 border color

This element has a border color of #1216a2.

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

CSS codes

.text {color:#1216a2;}

.background {background-color:#1216a2;}

.border {border:1px solid #1216a2;}

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

#000003
```
#000003 rgb(0,0,3)
```
#020315
```
#020315 rgb(2,3,21)
```
#040526
```
#040526 rgb(4,5,38)
```
#060838
```
#060838 rgb(6,8,56)
```
#080a4a
```
#080a4a rgb(8,10,74)
```
#0a0c5b
```
#0a0c5b rgb(10,12,91)
```
#0c0f6d
```
#0c0f6d rgb(12,15,109)
```
#0e117f
```
#0e117f rgb(14,17,127)
```
#101490
```
#101490 rgb(16,20,144)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#1418b4
```
#1418b4 rgb(20,24,180)
```
#161bc5
```
#161bc5 rgb(22,27,197)
```
#181dd7
```
#181dd7 rgb(24,29,215)
```

Shade Color Variation

#1d22e6
```
#1d22e6 rgb(29,34,230)
```
#2e33e8
```
#2e33e8 rgb(46,51,232)
```
#4045ea
```
#4045ea rgb(64,69,234)
```
#5256ec
```
#5256ec rgb(82,86,236)
```
#6367ee
```
#6367ee rgb(99,103,238)
```
#7578f0
```
#7578f0 rgb(117,120,240)
```
#878af2
```
#878af2 rgb(135,138,242)
```
#989bf4
```
#989bf4 rgb(152,155,244)
```
#aaacf6
```
#aaacf6 rgb(170,172,246)
```
#bcbdf8
```
#bcbdf8 rgb(188,189,248)
```
#cdcef9
```
#cdcef9 rgb(205,206,249)
```
#dfe0fb
```
#dfe0fb rgb(223,224,251)
```
#f0f1fd
```
#f0f1fd rgb(240,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57575d is the less saturated color, while #0409b0 is the most saturated one.

#57575d
```
#57575d rgb(87,87,93)
```
#505164
```
#505164 rgb(80,81,100)
```
#494a6b
```
#494a6b rgb(73,74,107)
```
#424472
```
#424472 rgb(66,68,114)
```
#3c3d78
```
#3c3d78 rgb(60,61,120)
```
#35377f
```
#35377f rgb(53,55,127)
```
#2e3086
```
#2e3086 rgb(46,48,134)
```
#272a8d
```
#272a8d rgb(39,42,141)
```
#202394
```
#202394 rgb(32,35,148)
```
#191d9b
```
#191d9b rgb(25,29,155)
```
#1216a2
```
#1216a2 rgb(18,22,162)
```
#0b0fa9
```
#0b0fa9 rgb(11,15,169)
```
#0409b0
```
#0409b0 rgb(4,9,176)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#21223e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004346 Tritanopia 0.001% of the population

Trichromacy

#062e84 Protanomaly 1% of men, 0.01% of women
#06307a Deuteranomaly 6% of men, 0.4% of women
#063367 Tritanomaly 0.01% of the population

#1216a2 hex color

#1216a2 Color Information

#1216a2 Color Conversion

Color Schemes with #1216a2

Alternatives to #1216a2

#1216a2 Preview

Shades and Tints of #1216a2

Tones of #1216a2

Color Blindness Simulator