#1218d2 hex color

In a RGB color space, hex #1218d2 is composed of 7.1% red, 9.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 88.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 238.1 degrees, a saturation of 84.2% and a lightness of 44.7%. #1218d2 color hex could be obtained by blending #2430ff with #0000a5. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 7
- G 9
- B 82
RGB color chart
- C 91
- M 89
- Y 0
- K 18
CMYK color chart

● #1218d2 color description : Strong blue.

The hexadecimal color #1218d2 has RGB values of R:18, G:24, B:210 and CMYK values of C:0.91, M:0.89, Y:0, K:0.18. Its decimal value is 1186002.

Hex triplet	1218d2	`#1218d2`
RGB Decimal	18, 24, 210	`rgb(18,24,210)`
RGB Percent	7.1, 9.4, 82.4	`rgb(7.1%,9.4%,82.4%)`
CMYK	91, 89, 0, 18
HSL	238.1°, 84.2, 44.7	`hsl(238.1,84.2%,44.7%)`
HSV (or HSB)	238.1°, 91.4, 82.4
Web Safe	0000cc	`#0000cc`

CIE-LAB	27.937, 62.879, -89.457
XYZ	12.207, 5.434, 61.375
xyY	0.154, 0.069, 5.434
CIE-LCH	27.937, 109.346, 305.103
CIE-LUV	27.937, -8.028, -106.164
Hunter-Lab	23.311, 52.675, -139.784
Binary	00010010, 00011000, 11010010

#1218d2
```
#1218d2 rgb(18,24,210)
```
#d2cc12
```
#d2cc12 rgb(210,204,18)
```

Complementary Color

#1278d2
```
#1278d2 rgb(18,120,210)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#6c12d2
```
#6c12d2 rgb(108,18,210)
```

Analogous Color

#78d212
```
#78d212 rgb(120,210,18)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#d26c12
```
#d26c12 rgb(210,108,18)
```

Split Complementary Color

#18d212
```
#18d212 rgb(24,210,18)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#d21218
```
#d21218 rgb(210,18,24)
```

Triadic Color

#12d2cc
```
#12d2cc rgb(18,210,204)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#d21218
```
#d21218 rgb(210,18,24)
```
#d2cc12
```
#d2cc12 rgb(210,204,18)
```

Tetradic Color

#0c108c
```
#0c108c rgb(12,16,140)
```
#0e13a3
```
#0e13a3 rgb(14,19,163)
```
#1015bb
```
#1015bb rgb(16,21,187)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#141be9
```
#141be9 rgb(20,27,233)
```
#2a30ed
```
#2a30ed rgb(42,48,237)
```
#4247ef
```
#4247ef rgb(66,71,239)
```

Monochromatic Color

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

#1248d2
```
#1248d2 rgb(18,72,210)
```
#1238d2
```
#1238d2 rgb(18,56,210)
```
#1228d2
```
#1228d2 rgb(18,40,210)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#1c12d2
```
#1c12d2 rgb(28,18,210)
```
#2c12d2
```
#2c12d2 rgb(44,18,210)
```
#3c12d2
```
#3c12d2 rgb(60,18,210)
```

Similar Colors

Text with hexadecimal color #1218d2

This text has a font color of #1218d2.

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

#1218d2 background color

This paragraph has a background color of #1218d2.

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

#1218d2 border color

This element has a border color of #1218d2.

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

CSS codes

.text {color:#1218d2;}

.background {background-color:#1218d2;}

.border {border:1px solid #1218d2;}

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, #01010b is the darkest color, while #f8f8fe is the lightest one.

#01010b
```
#01010b rgb(1,1,11)
```
#03031d
```
#03031d rgb(3,3,29)
```
#04052f
```
#04052f rgb(4,5,47)
```
#060741
```
#060741 rgb(6,7,65)
```
#070a54
```
#070a54 rgb(7,10,84)
```
#090c66
```
#090c66 rgb(9,12,102)
```
#0a0e78
```
#0a0e78 rgb(10,14,120)
```
#0c108a
```
#0c108a rgb(12,16,138)
```
#0d129c
```
#0d129c rgb(13,18,156)
```
#0f14ae
```
#0f14ae rgb(15,20,174)
```
#1016c0
```
#1016c0 rgb(16,22,192)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#141ae4
```
#141ae4 rgb(20,26,228)
```

Shade Color Variation

#1f26ec
```
#1f26ec rgb(31,38,236)
```
#3137ed
```
#3137ed rgb(49,55,237)
```
#4449ef
```
#4449ef rgb(68,73,239)
```
#565af0
```
#565af0 rgb(86,90,240)
```
#686cf2
```
#686cf2 rgb(104,108,242)
```
#7a7ef4
```
#7a7ef4 rgb(122,126,244)
```
#8c8ff5
```
#8c8ff5 rgb(140,143,245)
```
#9ea1f7
```
#9ea1f7 rgb(158,161,247)
```
#b0b2f8
```
#b0b2f8 rgb(176,178,248)
```
#c2c4fa
```
#c2c4fa rgb(194,196,250)
```
#d4d5fb
```
#d4d5fb rgb(212,213,251)
```
#e6e7fd
```
#e6e7fd rgb(230,231,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a7a is the less saturated color, while #0008e4 is the most saturated one.

#6a6a7a
```
#6a6a7a rgb(106,106,122)
```
#616283
```
#616283 rgb(97,98,131)
```
#585a8c
```
#585a8c rgb(88,90,140)
```
#4f5295
```
#4f5295 rgb(79,82,149)
```
#47499d
```
#47499d rgb(71,73,157)
```
#3e41a6
```
#3e41a6 rgb(62,65,166)
```
#3539af
```
#3539af rgb(53,57,175)
```
#2c31b8
```
#2c31b8 rgb(44,49,184)
```
#2428c0
```
#2428c0 rgb(36,40,192)
```
#1b20c9
```
#1b20c9 rgb(27,32,201)
```
#1218d2
```
#1218d2 rgb(18,24,210)
```
#0910db
```
#0910db rgb(9,16,219)
```
#0008e4
```
#0008e4 rgb(0,8,228)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#26274c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005356 Tritanopia 0.001% of the population

Trichromacy

#0637a7 Protanomaly 1% of men, 0.01% of women
#063a9a Deuteranomaly 6% of men, 0.4% of women
#063d83 Tritanomaly 0.01% of the population

#1218d2 hex color

#1218d2 Color Information

#1218d2 Color Conversion

Color Schemes with #1218d2

Alternatives to #1218d2

#1218d2 Preview

Shades and Tints of #1218d2

Tones of #1218d2

Color Blindness Simulator