#1218b9 hex color

In a RGB color space, hex #1218b9 is composed of 7.1% red, 9.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 87% magenta, 0% yellow and 27.5% black. It has a hue angle of 237.8 degrees, a saturation of 82.3% and a lightness of 39.8%. #1218b9 color hex could be obtained by blending #2430ff with #000073. Closest websafe color is: #0000cc.

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

● #1218b9 color description : Strong blue.

The hexadecimal color #1218b9 has RGB values of R:18, G:24, B:185 and CMYK values of C:0.9, M:0.87, Y:0, K:0.27. Its decimal value is 1185977.

Hex triplet	1218b9	`#1218b9`
RGB Decimal	18, 24, 185	`rgb(18,24,185)`
RGB Percent	7.1, 9.4, 72.5	`rgb(7.1%,9.4%,72.5%)`
CMYK	90, 87, 0, 27
HSL	237.8°, 82.3, 39.8	`hsl(237.8,82.3%,39.8%)`
HSV (or HSB)	237.8°, 90.3, 72.5
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.589, 55.708, -80.341
XYZ	9.331, 4.284, 46.231
xyY	0.156, 0.072, 4.284
CIE-LCH	24.589, 97.765, 304.737
CIE-LUV	24.589, -7.037, -91.649
Hunter-Lab	20.698, 44.253, -117.945
Binary	00010010, 00011000, 10111001

#1218b9
```
#1218b9 rgb(18,24,185)
```
#b9b312
```
#b9b312 rgb(185,179,18)
```

Complementary Color

#126cb9
```
#126cb9 rgb(18,108,185)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#5f12b9
```
#5f12b9 rgb(95,18,185)
```

Analogous Color

#6cb912
```
#6cb912 rgb(108,185,18)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#b96012
```
#b96012 rgb(185,96,18)
```

Split Complementary Color

#18b912
```
#18b912 rgb(24,185,18)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#b91218
```
#b91218 rgb(185,18,24)
```

Triadic Color

#12b9b3
```
#12b9b3 rgb(18,185,179)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#b91218
```
#b91218 rgb(185,18,24)
```
#b9b312
```
#b9b312 rgb(185,179,18)
```

Tetradic Color

#0b0f73
```
#0b0f73 rgb(11,15,115)
```
#0d128b
```
#0d128b rgb(13,18,139)
```
#1015a2
```
#1015a2 rgb(16,21,162)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#141bd0
```
#141bd0 rgb(20,27,208)
```
#171ee7
```
#171ee7 rgb(23,30,231)
```
#2d34eb
```
#2d34eb rgb(45,52,235)
```

Monochromatic Color

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

#1242b9
```
#1242b9 rgb(18,66,185)
```
#1234b9
```
#1234b9 rgb(18,52,185)
```
#1226b9
```
#1226b9 rgb(18,38,185)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#1a12b9
```
#1a12b9 rgb(26,18,185)
```
#2812b9
```
#2812b9 rgb(40,18,185)
```
#3612b9
```
#3612b9 rgb(54,18,185)
```

Similar Colors

Text with hexadecimal color #1218b9

This text has a font color of #1218b9.

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

#1218b9 background color

This paragraph has a background color of #1218b9.

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

#1218b9 border color

This element has a border color of #1218b9.

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

CSS codes

.text {color:#1218b9;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#020318
```
#020318 rgb(2,3,24)
```
#04052a
```
#04052a rgb(4,5,42)
```
#06083c
```
#06083c rgb(6,8,60)
```
#080a4e
```
#080a4e rgb(8,10,78)
```
#090c60
```
#090c60 rgb(9,12,96)
```
#0b0f71
```
#0b0f71 rgb(11,15,113)
```
#0d1183
```
#0d1183 rgb(13,17,131)
```
#0f1395
```
#0f1395 rgb(15,19,149)
```
#1016a7
```
#1016a7 rgb(16,22,167)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#141acb
```
#141acb rgb(20,26,203)
```
#151ddd
```
#151ddd rgb(21,29,221)
```

Shade Color Variation

#1d24e9
```
#1d24e9 rgb(29,36,233)
```
#2f35eb
```
#2f35eb rgb(47,53,235)
```
#4147ec
```
#4147ec rgb(65,71,236)
```
#5258ee
```
#5258ee rgb(82,88,238)
```
#6469f0
```
#6469f0 rgb(100,105,240)
```
#767bf2
```
#767bf2 rgb(118,123,242)
```
#888cf3
```
#888cf3 rgb(136,140,243)
```
#9a9df5
```
#9a9df5 rgb(154,157,245)
```
#acaff7
```
#acaff7 rgb(172,175,247)
```
#bec0f9
```
#bec0f9 rgb(190,192,249)
```
#d0d1fa
```
#d0d1fa rgb(208,209,250)
```
#e1e2fc
```
#e1e2fc rgb(225,226,252)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60606b is the less saturated color, while #020ac9 is the most saturated one.

#60606b
```
#60606b rgb(96,96,107)
```
#585973
```
#585973 rgb(88,89,115)
```
#50527b
```
#50527b rgb(80,82,123)
```
#494b82
```
#494b82 rgb(73,75,130)
```
#41438a
```
#41438a rgb(65,67,138)
```
#393c92
```
#393c92 rgb(57,60,146)
```
#31359a
```
#31359a rgb(49,53,154)
```
#292ea2
```
#292ea2 rgb(41,46,162)
```
#2226a9
```
#2226a9 rgb(34,38,169)
```
#1a1fb1
```
#1a1fb1 rgb(26,31,177)
```
#1218b9
```
#1218b9 rgb(18,24,185)
```
#0a11c1
```
#0a11c1 rgb(10,17,193)
```
#020ac9
```
#020ac9 rgb(2,10,201)
```

Tone Color Variation

Below, you can see how #1218b9 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
#242646 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#063395 Protanomaly 1% of men, 0.01% of women
#06358a Deuteranomaly 6% of men, 0.4% of women
#063875 Tritanomaly 0.01% of the population

#1218b9 hex color

#1218b9 Color Information

#1218b9 Color Conversion

Color Schemes with #1218b9

Alternatives to #1218b9

#1218b9 Preview

Shades and Tints of #1218b9

Tones of #1218b9

Color Blindness Simulator