#1226ff Color Information
In a RGB color space, hex #1226ff is composed of 7.1% red, 14.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 85.1% magenta, 0% yellow and 0% black. It has a hue angle of 234.9 degrees, a saturation of 100% and a lightness of 53.5%. #1226ff color hex could be obtained by blending #244cff with #0000ff. Closest websafe color is: #0033ff.
-
- R 7
- G 15
- B 100
-
- C 93
- M 85
- Y 0
- K 0
● #1226ff color description : Vivid blue.
#1226ff Color Conversion
The hexadecimal color #1226ff has RGB values of R:18, G:38, B:255 and CMYK values of C:0.93, M:0.85, Y:0, K:0. Its decimal value is 1189631.
Hex triplet | 1226ff | #1226ff |
---|---|---|
RGB Decimal | 18, 38, 255 | rgb(18,38,255) |
RGB Percent | 7.1, 14.9, 100 | rgb(7.1%,14.9%,100%) |
CMYK | 93, 85, 0, 0 | |
HSL | 234.9°, 100, 53.5 | hsl(234.9,100%,53.5%) |
HSV (or HSB) | 234.9°, 92.9, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.466, 70.462, -102.569 |
---|---|
XYZ | 18.989, 8.733, 95.287 |
xyY | 0.154, 0.071, 8.733 |
CIE-LCH | 35.466, 124.44, 304.488 |
CIE-LUV | 35.466, -10.867, -132.783 |
Hunter-Lab | 29.552, 62.98, -170.486 |
Binary | 00010010, 00100110, 11111111 |
Color Schemes with #1226ff
Alternatives to #1226ff
Below, you can see some colors close to #1226ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1226ff Preview
This text has a font color of #1226ff.
<span style="color:#1226ff;">Text here</span>
This paragraph has a background color of #1226ff.
<p style="background-color:#1226ff;">Content here</p>
This element has a border color of #1226ff.
<div style="border:1px solid #1226ff;">Content here</div>
.text {color:#1226ff;}
.background {background-color:#1226ff;}
.border {border:1px solid #1226ff;}
Shades and Tints of #1226ff
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, #000212 is the darkest color, while #fdfeff is the lightest one.
-
#000212
#000212
rgb(0,2,18)
-
#000326
#000326
rgb(0,3,38)
-
#000539
#000539
rgb(0,5,57)
-
#00064d
#00064d
rgb(0,6,77)
-
#000860
#000860
rgb(0,8,96)
-
#000a74
#000a74
rgb(0,10,116)
-
#000b88
#000b88
rgb(0,11,136)
-
#000d9b
#000d9b
rgb(0,13,155)
-
#000faf
#000faf
rgb(0,15,175)
-
#0010c3
#0010c3
rgb(0,16,195)
-
#0012d6
#0012d6
rgb(0,18,214)
-
#0014ea
#0014ea
rgb(0,20,234)
-
#0015fd
#0015fd
rgb(0,21,253)
-
#1226ff
#1226ff
rgb(18,38,255)
-
#2638ff
#2638ff
rgb(38,56,255)
-
#394aff
#394aff
rgb(57,74,255)
-
#4d5cff
#4d5cff
rgb(77,92,255)
-
#606eff
#606eff
rgb(96,110,255)
-
#7480ff
#7480ff
rgb(116,128,255)
-
#8892ff
#8892ff
rgb(136,146,255)
-
#9ba4ff
#9ba4ff
rgb(155,164,255)
-
#afb6ff
#afb6ff
rgb(175,182,255)
-
#c3c8ff
#c3c8ff
rgb(195,200,255)
-
#d6daff
#d6daff
rgb(214,218,255)
-
#eaecff
#eaecff
rgb(234,236,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #1226ff
A tone is produced by adding gray to any pure hue. In this case, #7f8192 is the less saturated color, while #1226ff is the most saturated one.
-
#7f8192
#7f8192
rgb(127,129,146)
-
#76799b
#76799b
rgb(118,121,155)
-
#6d72a4
#6d72a4
rgb(109,114,164)
-
#646aad
#646aad
rgb(100,106,173)
-
#5b63b6
#5b63b6
rgb(91,99,182)
-
#525bbf
#525bbf
rgb(82,91,191)
-
#4953c8
#4953c8
rgb(73,83,200)
-
#404cd1
#404cd1
rgb(64,76,209)
-
#3644db
#3644db
rgb(54,68,219)
-
#2d3de4
#2d3de4
rgb(45,61,228)
-
#2435ed
#2435ed
rgb(36,53,237)
-
#1b2ef6
#1b2ef6
rgb(27,46,246)
-
#1226ff
#1226ff
rgb(18,38,255)
Color Blindness Simulator
Below, you can see how #1226ff 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.