#1218ff Color Information
In a RGB color space, hex #1218ff is composed of 7.1% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 238.5 degrees, a saturation of 100% and a lightness of 53.5%. #1218ff color hex could be obtained by blending #2430ff with #0000ff. Closest websafe color is: #0000ff.
-
- R 7
- G 9
- B 100
-
- C 93
- M 91
- Y 0
- K 0
● #1218ff color description : Vivid blue.
#1218ff Color Conversion
The hexadecimal color #1218ff has RGB values of R:18, G:24, B:255 and CMYK values of C:0.93, M:0.91, Y:0, K:0. Its decimal value is 1186047.
Hex triplet | 1218ff | #1218ff |
---|---|---|
RGB Decimal | 18, 24, 255 | rgb(18,24,255) |
RGB Percent | 7.1, 9.4, 100 | rgb(7.1%,9.4%,100%) |
CMYK | 93, 91, 0, 0 | |
HSL | 238.5°, 100, 53.5 | hsl(238.5,100%,53.5%) |
HSV (or HSB) | 238.5°, 92.9, 100 | |
Web Safe | 0000ff | #0000ff |
CIE-LAB | 33.984, 74.957, -105.042 |
---|---|
XYZ | 18.622, 8, 95.165 |
xyY | 0.153, 0.066, 8 |
CIE-LCH | 33.984, 129.044, 305.511 |
CIE-LUV | 33.984, -9.811, -131.903 |
Hunter-Lab | 28.285, 68.023, -179.682 |
Binary | 00010010, 00011000, 11111111 |
Color Schemes with #1218ff
Alternatives to #1218ff
Below, you can see some colors close to #1218ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1218ff Preview
This text has a font color of #1218ff.
<span style="color:#1218ff;">Text here</span>
This paragraph has a background color of #1218ff.
<p style="background-color:#1218ff;">Content here</p>
This element has a border color of #1218ff.
<div style="border:1px solid #1218ff;">Content here</div>
.text {color:#1218ff;}
.background {background-color:#1218ff;}
.border {border:1px solid #1218ff;}
Shades and Tints of #1218ff
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, #000012 is the darkest color, while #fdfdff is the lightest one.
-
#000012
#000012
rgb(0,0,18)
-
#000126
#000126
rgb(0,1,38)
-
#000139
#000139
rgb(0,1,57)
-
#00024d
#00024d
rgb(0,2,77)
-
#000260
#000260
rgb(0,2,96)
-
#000374
#000374
rgb(0,3,116)
-
#000388
#000388
rgb(0,3,136)
-
#00049b
#00049b
rgb(0,4,155)
-
#0004af
#0004af
rgb(0,4,175)
-
#0005c3
#0005c3
rgb(0,5,195)
-
#0005d6
#0005d6
rgb(0,5,214)
-
#0006ea
#0006ea
rgb(0,6,234)
-
#0006fd
#0006fd
rgb(0,6,253)
-
#1218ff
#1218ff
rgb(18,24,255)
-
#262bff
#262bff
rgb(38,43,255)
-
#393eff
#393eff
rgb(57,62,255)
-
#4d51ff
#4d51ff
rgb(77,81,255)
-
#6064ff
#6064ff
rgb(96,100,255)
-
#7478ff
#7478ff
rgb(116,120,255)
-
#888bff
#888bff
rgb(136,139,255)
-
#9b9eff
#9b9eff
rgb(155,158,255)
-
#afb1ff
#afb1ff
rgb(175,177,255)
-
#c3c4ff
#c3c4ff
rgb(195,196,255)
-
#d6d7ff
#d6d7ff
rgb(214,215,255)
-
#eaeaff
#eaeaff
rgb(234,234,255)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #1218ff
A tone is produced by adding gray to any pure hue. In this case, #7f8092 is the less saturated color, while #1218ff is the most saturated one.
-
#7f8092
#7f8092
rgb(127,128,146)
-
#76779b
#76779b
rgb(118,119,155)
-
#6d6fa4
#6d6fa4
rgb(109,111,164)
-
#6466ad
#6466ad
rgb(100,102,173)
-
#5b5db6
#5b5db6
rgb(91,93,182)
-
#5255bf
#5255bf
rgb(82,85,191)
-
#494cc8
#494cc8
rgb(73,76,200)
-
#4043d1
#4043d1
rgb(64,67,209)
-
#363bdb
#363bdb
rgb(54,59,219)
-
#2d32e4
#2d32e4
rgb(45,50,228)
-
#2429ed
#2429ed
rgb(36,41,237)
-
#1b21f6
#1b21f6
rgb(27,33,246)
-
#1218ff
#1218ff
rgb(18,24,255)
Color Blindness Simulator
Below, you can see how #1218ff 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.