#1218b4 hex color

In a RGB color space, hex #1218b4 is composed of 7.1% red, 9.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 86.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 237.8 degrees, a saturation of 81.8% and a lightness of 38.8%. #1218b4 color hex could be obtained by blending #2430ff with #000069. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 7
- G 9
- B 71
RGB color chart
- C 90
- M 87
- Y 0
- K 29
CMYK color chart

● #1218b4 color description : Strong blue.

The hexadecimal color #1218b4 has RGB values of R:18, G:24, B:180 and CMYK values of C:0.9, M:0.87, Y:0, K:0.29. Its decimal value is 1185972.

Hex triplet	1218b4	`#1218b4`
RGB Decimal	18, 24, 180	`rgb(18,24,180)`
RGB Percent	7.1, 9.4, 70.6	`rgb(7.1%,9.4%,70.6%)`
CMYK	90, 87, 0, 29
HSL	237.8°, 81.8, 38.8	`hsl(237.8,81.8%,38.8%)`
HSV (or HSB)	237.8°, 90, 70.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	23.923, 54.224, -78.469
XYZ	8.813, 4.076, 43.5
xyY	0.156, 0.072, 4.076
CIE-LCH	23.923, 95.381, 304.645
CIE-LUV	23.923, -6.839, -88.732
Hunter-Lab	20.19, 42.578, -113.607
Binary	00010010, 00011000, 10110100

#1218b4
```
#1218b4 rgb(18,24,180)
```
#b4ae12
```
#b4ae12 rgb(180,174,18)
```

Complementary Color

#1269b4
```
#1269b4 rgb(18,105,180)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#5d12b4
```
#5d12b4 rgb(93,18,180)
```

Analogous Color

#69b412
```
#69b412 rgb(105,180,18)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#b45d12
```
#b45d12 rgb(180,93,18)
```

Split Complementary Color

#18b412
```
#18b412 rgb(24,180,18)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#b41218
```
#b41218 rgb(180,18,24)
```

Triadic Color

#12b4ae
```
#12b4ae rgb(18,180,174)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#b41218
```
#b41218 rgb(180,18,24)
```
#b4ae12
```
#b4ae12 rgb(180,174,18)
```

Tetradic Color

#0b0f6e
```
#0b0f6e rgb(11,15,110)
```
#0d1286
```
#0d1286 rgb(13,18,134)
```
#10159d
```
#10159d rgb(16,21,157)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#141bcb
```
#141bcb rgb(20,27,203)
```
#171ee2
```
#171ee2 rgb(23,30,226)
```
#2930ea
```
#2930ea rgb(41,48,234)
```

Monochromatic Color

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

#1240b4
```
#1240b4 rgb(18,64,180)
```
#1233b4
```
#1233b4 rgb(18,51,180)
```
#1225b4
```
#1225b4 rgb(18,37,180)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#1a12b4
```
#1a12b4 rgb(26,18,180)
```
#2712b4
```
#2712b4 rgb(39,18,180)
```
#3512b4
```
#3512b4 rgb(53,18,180)
```

Similar Colors

Text with hexadecimal color #1218b4

This text has a font color of #1218b4.

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

#1218b4 background color

This paragraph has a background color of #1218b4.

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

#1218b4 border color

This element has a border color of #1218b4.

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

CSS codes

.text {color:#1218b4;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020314
```
#020314 rgb(2,3,20)
```
#040525
```
#040525 rgb(4,5,37)
```
#060737
```
#060737 rgb(6,7,55)
```
#070a49
```
#070a49 rgb(7,10,73)
```
#090c5b
```
#090c5b rgb(9,12,91)
```
#0b0e6d
```
#0b0e6d rgb(11,14,109)
```
#0d117f
```
#0d117f rgb(13,17,127)
```
#0e1390
```
#0e1390 rgb(14,19,144)
```
#1016a2
```
#1016a2 rgb(16,22,162)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#141ac6
```
#141ac6 rgb(20,26,198)
```
#161dd8
```
#161dd8 rgb(22,29,216)
```

Shade Color Variation

#1921e8
```
#1921e8 rgb(25,33,232)
```
#2b32ea
```
#2b32ea rgb(43,50,234)
```
#3d43ec
```
#3d43ec rgb(61,67,236)
```
#4e54ed
```
#4e54ed rgb(78,84,237)
```
#6065ef
```
#6065ef rgb(96,101,239)
```
#7277f1
```
#7277f1 rgb(114,119,241)
```
#8488f3
```
#8488f3 rgb(132,136,243)
```
#9699f4
```
#9699f4 rgb(150,153,244)
```
#a8aaf6
```
#a8aaf6 rgb(168,170,246)
```
#b9bcf8
```
#b9bcf8 rgb(185,188,248)
```
#cbcdfa
```
#cbcdfa rgb(203,205,250)
```
#dddefc
```
#dddefc rgb(221,222,252)
```
#efeffd
```
#efeffd rgb(239,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f68 is the less saturated color, while #030ac3 is the most saturated one.

#5e5f68
```
#5e5f68 rgb(94,95,104)
```
#57576f
```
#57576f rgb(87,87,111)
```
#4f5077
```
#4f5077 rgb(79,80,119)
```
#47497f
```
#47497f rgb(71,73,127)
```
#404286
```
#404286 rgb(64,66,134)
```
#383b8e
```
#383b8e rgb(56,59,142)
```
#303496
```
#303496 rgb(48,52,150)
```
#292d9d
```
#292d9d rgb(41,45,157)
```
#2126a5
```
#2126a5 rgb(33,38,165)
```
#1a1fac
```
#1a1fac rgb(26,31,172)
```
#1218b4
```
#1218b4 rgb(18,24,180)
```
#0a11bc
```
#0a11bc rgb(10,17,188)
```
#030ac3
```
#030ac3 rgb(3,10,195)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#242544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#063292 Protanomaly 1% of men, 0.01% of women
#063487 Deuteranomaly 6% of men, 0.4% of women
#063772 Tritanomaly 0.01% of the population

#1218b4 hex color

#1218b4 Color Information

#1218b4 Color Conversion

Color Schemes with #1218b4

Alternatives to #1218b4

#1218b4 Preview

Shades and Tints of #1218b4

Tones of #1218b4

Color Blindness Simulator