#1224ff Color Information
In a RGB color space, hex #1224ff is composed of 7.1% red, 14.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 85.9% magenta, 0% yellow and 0% black. It has a hue angle of 235.4 degrees, a saturation of 100% and a lightness of 53.5%. #1224ff color hex could be obtained by blending #2448ff with #0000ff. Closest websafe color is: #0033ff.
-
- R 7
- G 14
- B 100
-
- C 93
- M 86
- Y 0
- K 0
● #1224ff color description : Vivid blue.
#1224ff Color Conversion
The hexadecimal color #1224ff has RGB values of R:18, G:36, B:255 and CMYK values of C:0.93, M:0.86, Y:0, K:0. Its decimal value is 1189119.
Hex triplet | 1224ff | #1224ff |
---|---|---|
RGB Decimal | 18, 36, 255 | rgb(18,36,255) |
RGB Percent | 7.1, 14.1, 100 | rgb(7.1%,14.1%,100%) |
CMYK | 93, 86, 0, 0 | |
HSL | 235.4°, 100, 53.5 | hsl(235.4,100%,53.5%) |
HSV (or HSB) | 235.4°, 92.9, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.22, 71.201, -102.978 |
---|---|
XYZ | 18.927, 8.609, 95.266 |
xyY | 0.154, 0.07, 8.609 |
CIE-LCH | 35.22, 125.196, 304.661 |
CIE-LUV | 35.22, -10.688, -132.667 |
Hunter-Lab | 29.341, 63.797, -171.969 |
Binary | 00010010, 00100100, 11111111 |
Color Schemes with #1224ff
Alternatives to #1224ff
Below, you can see some colors close to #1224ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1224ff Preview
This text has a font color of #1224ff.
<span style="color:#1224ff;">Text here</span>
This paragraph has a background color of #1224ff.
<p style="background-color:#1224ff;">Content here</p>
This element has a border color of #1224ff.
<div style="border:1px solid #1224ff;">Content here</div>
.text {color:#1224ff;}
.background {background-color:#1224ff;}
.border {border:1px solid #1224ff;}
Shades and Tints of #1224ff
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, #000112 is the darkest color, while #fdfeff is the lightest one.
-
#000112
#000112
rgb(0,1,18)
-
#000326
#000326
rgb(0,3,38)
-
#000439
#000439
rgb(0,4,57)
-
#00064d
#00064d
rgb(0,6,77)
-
#000760
#000760
rgb(0,7,96)
-
#000974
#000974
rgb(0,9,116)
-
#000a88
#000a88
rgb(0,10,136)
-
#000c9b
#000c9b
rgb(0,12,155)
-
#000daf
#000daf
rgb(0,13,175)
-
#000fc3
#000fc3
rgb(0,15,195)
-
#0010d6
#0010d6
rgb(0,16,214)
-
#0012ea
#0012ea
rgb(0,18,234)
-
#0013fd
#0013fd
rgb(0,19,253)
-
#1224ff
#1224ff
rgb(18,36,255)
-
#2636ff
#2636ff
rgb(38,54,255)
-
#3948ff
#3948ff
rgb(57,72,255)
-
#4d5aff
#4d5aff
rgb(77,90,255)
-
#606dff
#606dff
rgb(96,109,255)
-
#747fff
#747fff
rgb(116,127,255)
-
#8891ff
#8891ff
rgb(136,145,255)
-
#9ba3ff
#9ba3ff
rgb(155,163,255)
-
#afb5ff
#afb5ff
rgb(175,181,255)
-
#c3c7ff
#c3c7ff
rgb(195,199,255)
-
#d6d9ff
#d6d9ff
rgb(214,217,255)
-
#eaebff
#eaebff
rgb(234,235,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #1224ff
A tone is produced by adding gray to any pure hue. In this case, #7f8192 is the less saturated color, while #1224ff is the most saturated one.
-
#7f8192
#7f8192
rgb(127,129,146)
-
#76799b
#76799b
rgb(118,121,155)
-
#6d71a4
#6d71a4
rgb(109,113,164)
-
#646aad
#646aad
rgb(100,106,173)
-
#5b62b6
#5b62b6
rgb(91,98,182)
-
#525abf
#525abf
rgb(82,90,191)
-
#4952c8
#4952c8
rgb(73,82,200)
-
#404bd1
#404bd1
rgb(64,75,209)
-
#3643db
#3643db
rgb(54,67,219)
-
#2d3be4
#2d3be4
rgb(45,59,228)
-
#2433ed
#2433ed
rgb(36,51,237)
-
#1b2cf6
#1b2cf6
rgb(27,44,246)
-
#1224ff
#1224ff
rgb(18,36,255)
Color Blindness Simulator
Below, you can see how #1224ff 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.