#1218cc hex color

In a RGB color space, hex #1218cc is composed of 7.1% red, 9.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 88.2% magenta, 0% yellow and 20% black. It has a hue angle of 238.1 degrees, a saturation of 83.8% and a lightness of 43.5%. #1218cc color hex could be obtained by blending #2430ff with #000099. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 7
- G 9
- B 80
RGB color chart
- C 91
- M 88
- Y 0
- K 20
CMYK color chart

● #1218cc color description : Strong blue.

The hexadecimal color #1218cc has RGB values of R:18, G:24, B:204 and CMYK values of C:0.91, M:0.88, Y:0, K:0.2. Its decimal value is 1185996.

Hex triplet	1218cc	`#1218cc`
RGB Decimal	18, 24, 204	`rgb(18,24,204)`
RGB Percent	7.1, 9.4, 80	`rgb(7.1%,9.4%,80%)`
CMYK	91, 88, 0, 20
HSL	238.1°, 83.8, 43.5	`hsl(238.1,83.8%,43.5%)`
HSV (or HSB)	238.1°, 91.2, 80
Web Safe	0000cc	`#0000cc`

CIE-LAB	27.132, 61.193, -87.304
XYZ	11.473, 5.141, 57.511
xyY	0.155, 0.069, 5.141
CIE-LCH	27.132, 106.614, 305.027
CIE-LUV	27.132, -7.79, -102.693
Hunter-Lab	22.673, 50.647, -134.521
Binary	00010010, 00011000, 11001100

#1218cc
```
#1218cc rgb(18,24,204)
```
#ccc612
```
#ccc612 rgb(204,198,18)
```

Complementary Color

#1275cc
```
#1275cc rgb(18,117,204)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#6912cc
```
#6912cc rgb(105,18,204)
```

Analogous Color

#75cc12
```
#75cc12 rgb(117,204,18)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#cc6912
```
#cc6912 rgb(204,105,18)
```

Split Complementary Color

#18cc12
```
#18cc12 rgb(24,204,18)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#cc1218
```
#cc1218 rgb(204,18,24)
```

Triadic Color

#12ccc6
```
#12ccc6 rgb(18,204,198)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#cc1218
```
#cc1218 rgb(204,18,24)
```
#ccc612
```
#ccc612 rgb(204,198,18)
```

Tetradic Color

#0c1086
```
#0c1086 rgb(12,16,134)
```
#0e129d
```
#0e129d rgb(14,18,157)
```
#1015b5
```
#1015b5 rgb(16,21,181)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#141be3
```
#141be3 rgb(20,27,227)
```
#252cec
```
#252cec rgb(37,44,236)
```
#3d42ee
```
#3d42ee rgb(61,66,238)
```

Monochromatic Color

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

#1247cc
```
#1247cc rgb(18,71,204)
```
#1237cc
```
#1237cc rgb(18,55,204)
```
#1227cc
```
#1227cc rgb(18,39,204)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#1b12cc
```
#1b12cc rgb(27,18,204)
```
#2b12cc
```
#2b12cc rgb(43,18,204)
```
#3b12cc
```
#3b12cc rgb(59,18,204)
```

Similar Colors

Text with hexadecimal color #1218cc

This text has a font color of #1218cc.

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

#1218cc background color

This paragraph has a background color of #1218cc.

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

#1218cc border color

This element has a border color of #1218cc.

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

CSS codes

.text {color:#1218cc;}

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

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

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 #f3f3fe is the lightest one.

#010106
```
#010106 rgb(1,1,6)
```
#020318
```
#020318 rgb(2,3,24)
```
#04052a
```
#04052a rgb(4,5,42)
```
#05073c
```
#05073c rgb(5,7,60)
```
#07094e
```
#07094e rgb(7,9,78)
```
#080b60
```
#080b60 rgb(8,11,96)
```
#0a0d72
```
#0a0d72 rgb(10,13,114)
```
#0c1084
```
#0c1084 rgb(12,16,132)
```
#0d1296
```
#0d1296 rgb(13,18,150)
```
#0f14a8
```
#0f14a8 rgb(15,20,168)
```
#1016ba
```
#1016ba rgb(16,22,186)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#141ade
```
#141ade rgb(20,26,222)
```

Shade Color Variation

#1a21eb
```
#1a21eb rgb(26,33,235)
```
#2c33ec
```
#2c33ec rgb(44,51,236)
```
#3e44ee
```
#3e44ee rgb(62,68,238)
```
#5056f0
```
#5056f0 rgb(80,86,240)
```
#6367f1
```
#6367f1 rgb(99,103,241)
```
#7579f3
```
#7579f3 rgb(117,121,243)
```
#878af4
```
#878af4 rgb(135,138,244)
```
#999cf6
```
#999cf6 rgb(153,156,246)
```
#abadf8
```
#abadf8 rgb(171,173,248)
```
#bdbff9
```
#bdbff9 rgb(189,191,249)
```
#cfd0fb
```
#cfd0fb rgb(207,208,251)
```
#e1e2fc
```
#e1e2fc rgb(225,226,252)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676877 is the less saturated color, while #0108dd is the most saturated one.

#676877
```
#676877 rgb(103,104,119)
```
#5f607f
```
#5f607f rgb(95,96,127)
```
#565888
```
#565888 rgb(86,88,136)
```
#4e5090
```
#4e5090 rgb(78,80,144)
```
#454899
```
#454899 rgb(69,72,153)
```
#3d40a1
```
#3d40a1 rgb(61,64,161)
```
#3438aa
```
#3438aa rgb(52,56,170)
```
#2c30b2
```
#2c30b2 rgb(44,48,178)
```
#2328bb
```
#2328bb rgb(35,40,187)
```
#1b20c3
```
#1b20c3 rgb(27,32,195)
```
#1218cc
```
#1218cc rgb(18,24,204)
```
#0910d5
```
#0910d5 rgb(9,16,213)
```
#0108dd
```
#0108dd rgb(1,8,221)
```

Tone Color Variation

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

Dichromacy

#00488b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005154 Tritanopia 0.001% of the population

Trichromacy

#0636a2 Protanomaly 1% of men, 0.01% of women
#063996 Deuteranomaly 6% of men, 0.4% of women
#063c80 Tritanomaly 0.01% of the population

#1218cc hex color

#1218cc Color Information

#1218cc Color Conversion

Color Schemes with #1218cc

Alternatives to #1218cc

#1218cc Preview

Shades and Tints of #1218cc

Tones of #1218cc

Color Blindness Simulator