#1284ff Color Information
In a RGB color space, hex #1284ff is composed of 7.1% red, 51.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 48.2% magenta, 0% yellow and 0% black. It has a hue angle of 211.1 degrees, a saturation of 100% and a lightness of 53.5%. #1284ff color hex could be obtained by blending #24ffff with #0009ff. Closest websafe color is: #0099ff.
-
- R 7
- G 52
- B 100
-
- C 93
- M 48
- Y 0
- K 0
● #1284ff color description : Vivid blue.
#1284ff Color Conversion
The hexadecimal color #1284ff has RGB values of R:18, G:132, B:255 and CMYK values of C:0.93, M:0.48, Y:0, K:0. Its decimal value is 1213695.
Hex triplet | 1284ff | #1284ff |
---|---|---|
RGB Decimal | 18, 132, 255 | rgb(18,132,255) |
RGB Percent | 7.1, 51.8, 100 | rgb(7.1%,51.8%,100%) |
CMYK | 93, 48, 0, 0 | |
HSL | 211.1°, 100, 53.5 | hsl(211.1,100%,53.5%) |
HSV (or HSB) | 211.1°, 92.9, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.936, 16.765, -68.946 |
---|---|
XYZ | 26.547, 23.849, 97.806 |
xyY | 0.179, 0.161, 23.849 |
CIE-LCH | 55.936, 70.955, 283.667 |
CIE-LUV | 55.936, -29.925, -110.252 |
Hunter-Lab | 48.835, 11.57, -84.56 |
Binary | 00010010, 10000100, 11111111 |
Color Schemes with #1284ff
Alternatives to #1284ff
Below, you can see some colors close to #1284ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1284ff Preview
This text has a font color of #1284ff.
<span style="color:#1284ff;">Text here</span>
This paragraph has a background color of #1284ff.
<p style="background-color:#1284ff;">Content here</p>
This element has a border color of #1284ff.
<div style="border:1px solid #1284ff;">Content here</div>
.text {color:#1284ff;}
.background {background-color:#1284ff;}
.border {border:1px solid #1284ff;}
Shades and Tints of #1284ff
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, #000912 is the darkest color, while #fdfeff is the lightest one.
-
#000912
#000912
rgb(0,9,18)
-
#001226
#001226
rgb(0,18,38)
-
#001c39
#001c39
rgb(0,28,57)
-
#00254d
#00254d
rgb(0,37,77)
-
#002e60
#002e60
rgb(0,46,96)
-
#003874
#003874
rgb(0,56,116)
-
#004188
#004188
rgb(0,65,136)
-
#004b9b
#004b9b
rgb(0,75,155)
-
#0054af
#0054af
rgb(0,84,175)
-
#005ec3
#005ec3
rgb(0,94,195)
-
#0067d6
#0067d6
rgb(0,103,214)
-
#0070ea
#0070ea
rgb(0,112,234)
-
#007afd
#007afd
rgb(0,122,253)
-
#1284ff
#1284ff
rgb(18,132,255)
-
#268eff
#268eff
rgb(38,142,255)
-
#3998ff
#3998ff
rgb(57,152,255)
-
#4da3ff
#4da3ff
rgb(77,163,255)
-
#60adff
#60adff
rgb(96,173,255)
-
#74b7ff
#74b7ff
rgb(116,183,255)
-
#88c1ff
#88c1ff
rgb(136,193,255)
-
#9bcbff
#9bcbff
rgb(155,203,255)
-
#afd5ff
#afd5ff
rgb(175,213,255)
-
#c3e0ff
#c3e0ff
rgb(195,224,255)
-
#d6eaff
#d6eaff
rgb(214,234,255)
-
#eaf4ff
#eaf4ff
rgb(234,244,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #1284ff
A tone is produced by adding gray to any pure hue. In this case, #7f8892 is the less saturated color, while #1284ff is the most saturated one.
-
#7f8892
#7f8892
rgb(127,136,146)
-
#76889b
#76889b
rgb(118,136,155)
-
#6d87a4
#6d87a4
rgb(109,135,164)
-
#6487ad
#6487ad
rgb(100,135,173)
-
#5b87b6
#5b87b6
rgb(91,135,182)
-
#5286bf
#5286bf
rgb(82,134,191)
-
#4986c8
#4986c8
rgb(73,134,200)
-
#4086d1
#4086d1
rgb(64,134,209)
-
#3685db
#3685db
rgb(54,133,219)
-
#2d85e4
#2d85e4
rgb(45,133,228)
-
#2485ed
#2485ed
rgb(36,133,237)
-
#1b84f6
#1b84f6
rgb(27,132,246)
-
#1284ff
#1284ff
rgb(18,132,255)
Color Blindness Simulator
Below, you can see how #1284ff 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.