#1218f3 hex color

In a RGB color space, hex #1218f3 is composed of 7.1% red, 9.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 90.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 238.4 degrees, a saturation of 90.4% and a lightness of 51.2%. #1218f3 color hex could be obtained by blending #2430ff with #0000e7. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 7
- G 9
- B 95
RGB color chart
- C 93
- M 90
- Y 0
- K 5
CMYK color chart

● #1218f3 color description : Vivid blue.

The hexadecimal color #1218f3 has RGB values of R:18, G:24, B:243 and CMYK values of C:0.93, M:0.9, Y:0, K:0.05. Its decimal value is 1186035.

Hex triplet	1218f3	`#1218f3`
RGB Decimal	18, 24, 243	`rgb(18,24,243)`
RGB Percent	7.1, 9.4, 95.3	`rgb(7.1%,9.4%,95.3%)`
CMYK	93, 90, 0, 5
HSL	238.4°, 90.4, 51.2	`hsl(238.4,90.4%,51.2%)`
HSV (or HSB)	238.4°, 92.6, 95.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.373, 71.824, -100.974
XYZ	16.751, 7.252, 85.306
xyY	0.153, 0.066, 7.252
CIE-LCH	32.373, 123.913, 305.425
CIE-LUV	32.373, -9.337, -125.092
Hunter-Lab	26.929, 63.907, -168.97
Binary	00010010, 00011000, 11110011

#1218f3
```
#1218f3 rgb(18,24,243)
```
#f3ed12
```
#f3ed12 rgb(243,237,18)
```

Complementary Color

#1289f3
```
#1289f3 rgb(18,137,243)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#7d12f3
```
#7d12f3 rgb(125,18,243)
```

Analogous Color

#89f312
```
#89f312 rgb(137,243,18)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#f37d12
```
#f37d12 rgb(243,125,18)
```

Split Complementary Color

#18f312
```
#18f312 rgb(24,243,18)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#f31218
```
#f31218 rgb(243,18,24)
```

Triadic Color

#12f3ed
```
#12f3ed rgb(18,243,237)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#f31218
```
#f31218 rgb(243,18,24)
```
#f3ed12
```
#f3ed12 rgb(243,237,18)
```

Tetradic Color

#090db0
```
#090db0 rgb(9,13,176)
```
#0a0fc8
```
#0a0fc8 rgb(10,15,200)
```
#0b11e0
```
#0b11e0 rgb(11,17,224)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#2a30f4
```
#2a30f4 rgb(42,48,244)
```
#4347f5
```
#4347f5 rgb(67,71,245)
```
#5b5ff7
```
#5b5ff7 rgb(91,95,247)
```

Monochromatic Color

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

#1250f3
```
#1250f3 rgb(18,80,243)
```
#123ef3
```
#123ef3 rgb(18,62,243)
```
#122bf3
```
#122bf3 rgb(18,43,243)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#1f12f3
```
#1f12f3 rgb(31,18,243)
```
#3112f3
```
#3112f3 rgb(49,18,243)
```
#4412f3
```
#4412f3 rgb(68,18,243)
```

Similar Colors

Text with hexadecimal color #1218f3

This text has a font color of #1218f3.

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

#1218f3 background color

This paragraph has a background color of #1218f3.

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

#1218f3 border color

This element has a border color of #1218f3.

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

CSS codes

.text {color:#1218f3;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#010218
```
#010218 rgb(1,2,24)
```
#02032b
```
#02032b rgb(2,3,43)
```
#03053e
```
#03053e rgb(3,5,62)
```
#040650
```
#040650 rgb(4,6,80)
```
#050863
```
#050863 rgb(5,8,99)
```
#060976
```
#060976 rgb(6,9,118)
```
#070a88
```
#070a88 rgb(7,10,136)
```
#080c9b
```
#080c9b rgb(8,12,155)
```
#090dae
```
#090dae rgb(9,13,174)
```
#0a0fc0
```
#0a0fc0 rgb(10,15,192)
```
#0b10d3
```
#0b10d3 rgb(11,16,211)
```
#0c11e6
```
#0c11e6 rgb(12,17,230)
```

Shade Color Variation

#1218f3
```
#1218f3 rgb(18,24,243)
```
#252af4
```
#252af4 rgb(37,42,244)
```
#373cf5
```
#373cf5 rgb(55,60,245)
```
#4a4ff6
```
#4a4ff6 rgb(74,79,246)
```
#5d61f7
```
#5d61f7 rgb(93,97,247)
```
#6f73f8
```
#6f73f8 rgb(111,115,248)
```
#8285f9
```
#8285f9 rgb(130,133,249)
```
#9597fa
```
#9597fa rgb(149,151,250)
```
#a7aafb
```
#a7aafb rgb(167,170,251)
```
#babcfc
```
#babcfc rgb(186,188,252)
```
#cdcefc
```
#cdcefc rgb(205,206,252)
```
#dfe0fd
```
#dfe0fd rgb(223,224,253)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c8a is the less saturated color, while #080ffd is the most saturated one.

#7b7c8a
```
#7b7c8a rgb(123,124,138)
```
#727393
```
#727393 rgb(114,115,147)
```
#686a9d
```
#686a9d rgb(104,106,157)
```
#5f61a6
```
#5f61a6 rgb(95,97,166)
```
#5557b0
```
#5557b0 rgb(85,87,176)
```
#4b4eba
```
#4b4eba rgb(75,78,186)
```
#4245c3
```
#4245c3 rgb(66,69,195)
```
#383ccd
```
#383ccd rgb(56,60,205)
```
#2f33d6
```
#2f33d6 rgb(47,51,214)
```
#252ae0
```
#252ae0 rgb(37,42,224)
```
#1c21e9
```
#1c21e9 rgb(28,33,233)
```
#1218f3
```
#1218f3 rgb(18,24,243)
```
#080ffd
```
#080ffd rgb(8,15,253)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#292a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588a Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#063dbe Protanomaly 1% of men, 0.01% of women
#0640b0 Deuteranomaly 6% of men, 0.4% of women
#064496 Tritanomaly 0.01% of the population

#1218f3 hex color

#1218f3 Color Information

#1218f3 Color Conversion

Color Schemes with #1218f3

Alternatives to #1218f3

#1218f3 Preview

Shades and Tints of #1218f3

Tones of #1218f3

Color Blindness Simulator