#1218bc hex color

In a RGB color space, hex #1218bc is composed of 7.1% red, 9.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 87.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 237.9 degrees, a saturation of 82.5% and a lightness of 40.4%. #1218bc color hex could be obtained by blending #2430ff with #000079. Closest websafe color is: #0000cc.

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

● #1218bc color description : Strong blue.

The hexadecimal color #1218bc has RGB values of R:18, G:24, B:188 and CMYK values of C:0.9, M:0.87, Y:0, K:0.26. Its decimal value is 1185980.

Hex triplet	1218bc	`#1218bc`
RGB Decimal	18, 24, 188	`rgb(18,24,188)`
RGB Percent	7.1, 9.4, 73.7	`rgb(7.1%,9.4%,73.7%)`
CMYK	90, 87, 0, 26
HSL	237.9°, 82.5, 40.4	`hsl(237.9,82.5%,40.4%)`
HSV (or HSB)	237.9°, 90.4, 73.7
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.989, 56.59, -81.456
XYZ	9.651, 4.412, 47.917
xyY	0.156, 0.071, 4.412
CIE-LCH	24.989, 99.184, 304.789
CIE-LUV	24.989, -7.156, -93.398
Hunter-Lab	21.005, 45.26, -120.552
Binary	00010010, 00011000, 10111100

#1218bc
```
#1218bc rgb(18,24,188)
```
#bcb612
```
#bcb612 rgb(188,182,18)
```

Complementary Color

#126dbc
```
#126dbc rgb(18,109,188)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#6112bc
```
#6112bc rgb(97,18,188)
```

Analogous Color

#6dbc12
```
#6dbc12 rgb(109,188,18)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#bc6112
```
#bc6112 rgb(188,97,18)
```

Split Complementary Color

#18bc12
```
#18bc12 rgb(24,188,18)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#bc1218
```
#bc1218 rgb(188,18,24)
```

Triadic Color

#12bcb6
```
#12bcb6 rgb(18,188,182)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#bc1218
```
#bc1218 rgb(188,18,24)
```
#bcb612
```
#bcb612 rgb(188,182,18)
```

Tetradic Color

#0b0f76
```
#0b0f76 rgb(11,15,118)
```
#0e128d
```
#0e128d rgb(14,18,141)
```
#1015a5
```
#1015a5 rgb(16,21,165)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#141bd3
```
#141bd3 rgb(20,27,211)
```
#181fe9
```
#181fe9 rgb(24,31,233)
```
#2f36eb
```
#2f36eb rgb(47,54,235)
```

Monochromatic Color

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

#1243bc
```
#1243bc rgb(18,67,188)
```
#1234bc
```
#1234bc rgb(18,52,188)
```
#1226bc
```
#1226bc rgb(18,38,188)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#1a12bc
```
#1a12bc rgb(26,18,188)
```
#2812bc
```
#2812bc rgb(40,18,188)
```
#3712bc
```
#3712bc rgb(55,18,188)
```

Similar Colors

Text with hexadecimal color #1218bc

This text has a font color of #1218bc.

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

#1218bc background color

This paragraph has a background color of #1218bc.

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

#1218bc border color

This element has a border color of #1218bc.

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

CSS codes

.text {color:#1218bc;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03031b
```
#03031b rgb(3,3,27)
```
#04062d
```
#04062d rgb(4,6,45)
```
#06083f
```
#06083f rgb(6,8,63)
```
#080a51
```
#080a51 rgb(8,10,81)
```
#090d62
```
#090d62 rgb(9,13,98)
```
#0b0f74
```
#0b0f74 rgb(11,15,116)
```
#0d1186
```
#0d1186 rgb(13,17,134)
```
#0f1398
```
#0f1398 rgb(15,19,152)
```
#1016aa
```
#1016aa rgb(16,22,170)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#141ace
```
#141ace rgb(20,26,206)
```
#151de0
```
#151de0 rgb(21,29,224)
```

Shade Color Variation

#1f26ea
```
#1f26ea rgb(31,38,234)
```
#3138eb
```
#3138eb rgb(49,56,235)
```
#4349ed
```
#4349ed rgb(67,73,237)
```
#555aef
```
#555aef rgb(85,90,239)
```
#676cf0
```
#676cf0 rgb(103,108,240)
```
#797df2
```
#797df2 rgb(121,125,242)
```
#8b8ef4
```
#8b8ef4 rgb(139,142,244)
```
#9da0f6
```
#9da0f6 rgb(157,160,246)
```
#aeb1f7
```
#aeb1f7 rgb(174,177,247)
```
#c0c2f9
```
#c0c2f9 rgb(192,194,249)
```
#d2d4fb
```
#d2d4fb rgb(210,212,251)
```
#e4e5fc
```
#e4e5fc rgb(228,229,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#61626d
```
#61626d rgb(97,98,109)
```
#595a75
```
#595a75 rgb(89,90,117)
```
#51537d
```
#51537d rgb(81,83,125)
```
#494c85
```
#494c85 rgb(73,76,133)
```
#42448c
```
#42448c rgb(66,68,140)
```
#3a3d94
```
#3a3d94 rgb(58,61,148)
```
#32359c
```
#32359c rgb(50,53,156)
```
#2a2ea4
```
#2a2ea4 rgb(42,46,164)
```
#2227ac
```
#2227ac rgb(34,39,172)
```
#1a1fb4
```
#1a1fb4 rgb(26,31,180)
```
#1218bc
```
#1218bc rgb(18,24,188)
```
#0a11c4
```
#0a11c4 rgb(10,17,196)
```
#0209cc
```
#0209cc rgb(2,9,204)
```

Tone Color Variation

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

#004382 Protanopia 1% of men
#004770 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#063397 Protanomaly 1% of men, 0.01% of women
#06368c Deuteranomaly 6% of men, 0.4% of women
#063976 Tritanomaly 0.01% of the population

#1218bc hex color

#1218bc Color Information

#1218bc Color Conversion

Color Schemes with #1218bc

Alternatives to #1218bc

#1218bc Preview

Shades and Tints of #1218bc

Tones of #1218bc

Color Blindness Simulator