#1218f1 hex color

In a RGB color space, hex #1218f1 is composed of 7.1% red, 9.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 90% magenta, 0% yellow and 5.5% black. It has a hue angle of 238.4 degrees, a saturation of 88.8% and a lightness of 50.8%. #1218f1 color hex could be obtained by blending #2430ff with #0000e3. 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

● #1218f1 color description : Vivid blue.

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

Hex triplet	1218f1	`#1218f1`
RGB Decimal	18, 24, 241	`rgb(18,24,241)`
RGB Percent	7.1, 9.4, 94.5	`rgb(7.1%,9.4%,94.5%)`
CMYK	93, 90, 0, 5
HSL	238.4°, 88.8, 50.8	`hsl(238.4,88.8%,50.8%)`
HSV (or HSB)	238.4°, 92.5, 94.5
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.104, 71.296, -100.29
XYZ	16.45, 7.131, 83.724
xyY	0.153, 0.066, 7.131
CIE-LCH	32.104, 123.049, 305.409
CIE-LUV	32.104, -9.258, -123.953
Hunter-Lab	26.705, 63.222, -167.19
Binary	00010010, 00011000, 11110001

#1218f1
```
#1218f1 rgb(18,24,241)
```
#f1eb12
```
#f1eb12 rgb(241,235,18)
```

Complementary Color

#1288f1
```
#1288f1 rgb(18,136,241)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#7c12f1
```
#7c12f1 rgb(124,18,241)
```

Analogous Color

#88f112
```
#88f112 rgb(136,241,18)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#f17c12
```
#f17c12 rgb(241,124,18)
```

Split Complementary Color

#18f112
```
#18f112 rgb(24,241,18)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#f11218
```
#f11218 rgb(241,18,24)
```

Triadic Color

#12f1eb
```
#12f1eb rgb(18,241,235)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#f11218
```
#f11218 rgb(241,18,24)
```
#f1eb12
```
#f1eb12 rgb(241,235,18)
```

Tetradic Color

#0a0fac
```
#0a0fac rgb(10,15,172)
```
#0c11c4
```
#0c11c4 rgb(12,17,196)
```
#0d13dc
```
#0d13dc rgb(13,19,220)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#2a2ff2
```
#2a2ff2 rgb(42,47,242)
```
#4247f4
```
#4247f4 rgb(66,71,244)
```
#5a5ef5
```
#5a5ef5 rgb(90,94,245)
```

Monochromatic Color

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

#1250f1
```
#1250f1 rgb(18,80,241)
```
#123df1
```
#123df1 rgb(18,61,241)
```
#122bf1
```
#122bf1 rgb(18,43,241)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#1f12f1
```
#1f12f1 rgb(31,18,241)
```
#3112f1
```
#3112f1 rgb(49,18,241)
```
#4412f1
```
#4412f1 rgb(68,18,241)
```

Similar Colors

Text with hexadecimal color #1218f1

This text has a font color of #1218f1.

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

#1218f1 background color

This paragraph has a background color of #1218f1.

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

#1218f1 border color

This element has a border color of #1218f1.

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

CSS codes

.text {color:#1218f1;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#010216
```
#010216 rgb(1,2,22)
```
#020329
```
#020329 rgb(2,3,41)
```
#04053b
```
#04053b rgb(4,5,59)
```
#05074e
```
#05074e rgb(5,7,78)
```
#060860
```
#060860 rgb(6,8,96)
```
#070a73
```
#070a73 rgb(7,10,115)
```
#080b85
```
#080b85 rgb(8,11,133)
```
#090d98
```
#090d98 rgb(9,13,152)
```
#0a0eaa
```
#0a0eaa rgb(10,14,170)
```
#0b10bd
```
#0b10bd rgb(11,16,189)
```
#0c12d0
```
#0c12d0 rgb(12,18,208)
```
#0d13e2
```
#0d13e2 rgb(13,19,226)
```

Shade Color Variation

#1218f1
```
#1218f1 rgb(18,24,241)
```
#252af2
```
#252af2 rgb(37,42,242)
```
#373cf3
```
#373cf3 rgb(55,60,243)
```
#4a4ef4
```
#4a4ef4 rgb(74,78,244)
```
#5c60f5
```
#5c60f5 rgb(92,96,245)
```
#6f72f6
```
#6f72f6 rgb(111,114,246)
```
#8184f8
```
#8184f8 rgb(129,132,248)
```
#9496f9
```
#9496f9 rgb(148,150,249)
```
#a6a8fa
```
#a6a8fa rgb(166,168,250)
```
#b9bafb
```
#b9bafb rgb(185,186,251)
```
#cbcdfc
```
#cbcdfc rgb(203,205,252)
```
#dedffd
```
#dedffd rgb(222,223,253)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

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

#7c7c87
```
#7c7c87 rgb(124,124,135)
```
#737390
```
#737390 rgb(115,115,144)
```
#696a9a
```
#696a9a rgb(105,106,154)
```
#5f61a4
```
#5f61a4 rgb(95,97,164)
```
#5658ad
```
#5658ad rgb(86,88,173)
```
#4c4fb7
```
#4c4fb7 rgb(76,79,183)
```
#4246c1
```
#4246c1 rgb(66,70,193)
```
#393dca
```
#393dca rgb(57,61,202)
```
#2f33d4
```
#2f33d4 rgb(47,51,212)
```
#252ade
```
#252ade rgb(37,42,222)
```
#1c21e7
```
#1c21e7 rgb(28,33,231)
```
#1218f1
```
#1218f1 rgb(18,24,241)
```
#080ffb
```
#080ffb rgb(8,15,251)
```

Tone Color Variation

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

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#063dbd Protanomaly 1% of men, 0.01% of women
#0640af Deuteranomaly 6% of men, 0.4% of women
#064495 Tritanomaly 0.01% of the population

#1218f1 hex color

#1218f1 Color Information

#1218f1 Color Conversion

Color Schemes with #1218f1

Alternatives to #1218f1

#1218f1 Preview

Shades and Tints of #1218f1

Tones of #1218f1

Color Blindness Simulator