#1212ff Color Information
In a RGB color space, hex #1212ff is composed of 7.1% red, 7.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 92.9% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 53.5%. #1212ff color hex could be obtained by blending #2424ff with #0000ff. Closest websafe color is: #0000ff.
-
- R 7
- G 7
- B 100
-
- C 93
- M 93
- Y 0
- K 0
● #1212ff color description : Vivid blue.
#1212ff Color Conversion
The hexadecimal color #1212ff has RGB values of R:18, G:18, B:255 and CMYK values of C:0.93, M:0.93, Y:0, K:0. Its decimal value is 1184511.
Hex triplet | 1212ff | #1212ff |
---|---|---|
RGB Decimal | 18, 18, 255 | rgb(18,18,255) |
RGB Percent | 7.1, 7.1, 100 | rgb(7.1%,7.1%,100%) |
CMYK | 93, 93, 0, 0 | |
HSL | 240°, 100, 53.5 | hsl(240,100%,53.5%) |
HSV (or HSB) | 240°, 92.9, 100 | |
Web Safe | 0000ff | #0000ff |
CIE-LAB | 33.52, 76.382, -105.817 |
---|---|
XYZ | 18.512, 7.78, 95.128 |
xyY | 0.152, 0.064, 7.78 |
CIE-LCH | 33.52, 130.504, 305.823 |
CIE-LUV | 33.52, -9.492, -131.539 |
Hunter-Lab | 27.892, 69.659, -182.687 |
Binary | 00010010, 00010010, 11111111 |
Color Schemes with #1212ff
Alternatives to #1212ff
Below, you can see some colors close to #1212ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1212ff Preview
This text has a font color of #1212ff.
<span style="color:#1212ff;">Text here</span>
This paragraph has a background color of #1212ff.
<p style="background-color:#1212ff;">Content here</p>
This element has a border color of #1212ff.
<div style="border:1px solid #1212ff;">Content here</div>
.text {color:#1212ff;}
.background {background-color:#1212ff;}
.border {border:1px solid #1212ff;}
Shades and Tints of #1212ff
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)
-
#000026
#000026
rgb(0,0,38)
-
#000039
#000039
rgb(0,0,57)
-
#00004d
#00004d
rgb(0,0,77)
-
#000060
#000060
rgb(0,0,96)
-
#000074
#000074
rgb(0,0,116)
-
#000088
#000088
rgb(0,0,136)
-
#00009b
#00009b
rgb(0,0,155)
-
#0000af
#0000af
rgb(0,0,175)
-
#0000c3
#0000c3
rgb(0,0,195)
-
#0000d6
#0000d6
rgb(0,0,214)
-
#0000ea
#0000ea
rgb(0,0,234)
-
#0000fd
#0000fd
rgb(0,0,253)
-
#1212ff
#1212ff
rgb(18,18,255)
-
#2626ff
#2626ff
rgb(38,38,255)
-
#3939ff
#3939ff
rgb(57,57,255)
-
#4d4dff
#4d4dff
rgb(77,77,255)
-
#6060ff
#6060ff
rgb(96,96,255)
-
#7474ff
#7474ff
rgb(116,116,255)
-
#8888ff
#8888ff
rgb(136,136,255)
-
#9b9bff
#9b9bff
rgb(155,155,255)
-
#afafff
#afafff
rgb(175,175,255)
-
#c3c3ff
#c3c3ff
rgb(195,195,255)
-
#d6d6ff
#d6d6ff
rgb(214,214,255)
-
#eaeaff
#eaeaff
rgb(234,234,255)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #1212ff
A tone is produced by adding gray to any pure hue. In this case, #7f7f92 is the less saturated color, while #1212ff is the most saturated one.
-
#7f7f92
#7f7f92
rgb(127,127,146)
-
#76769b
#76769b
rgb(118,118,155)
-
#6d6da4
#6d6da4
rgb(109,109,164)
-
#6464ad
#6464ad
rgb(100,100,173)
-
#5b5bb6
#5b5bb6
rgb(91,91,182)
-
#5252bf
#5252bf
rgb(82,82,191)
-
#4949c8
#4949c8
rgb(73,73,200)
-
#4040d1
#4040d1
rgb(64,64,209)
-
#3636db
#3636db
rgb(54,54,219)
-
#2d2de4
#2d2de4
rgb(45,45,228)
-
#2424ed
#2424ed
rgb(36,36,237)
-
#1b1bf6
#1b1bf6
rgb(27,27,246)
-
#1212ff
#1212ff
rgb(18,18,255)
Color Blindness Simulator
Below, you can see how #1212ff 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.