#1f78ff Color Information
In a RGB color space, hex #1f78ff is composed of 12.2% red, 47.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 52.9% magenta, 0% yellow and 0% black. It has a hue angle of 216.2 degrees, a saturation of 100% and a lightness of 56.1%. #1f78ff color hex could be obtained by blending #3ef0ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 12
- G 47
- B 100
-
- C 88
- M 53
- Y 0
- K 0
● #1f78ff color description : Vivid blue.
#1f78ff Color Conversion
The hexadecimal color #1f78ff has RGB values of R:31, G:120, B:255 and CMYK values of C:0.88, M:0.53, Y:0, K:0. Its decimal value is 2062591.
Hex triplet | 1f78ff | #1f78ff |
---|---|---|
RGB Decimal | 31, 120, 255 | rgb(31,120,255) |
RGB Percent | 12.2, 47.1, 100 | rgb(12.2%,47.1%,100%) |
CMYK | 88, 53, 0, 0 | |
HSL | 216.2°, 100, 56.1 | hsl(216.2,100%,56.1%) |
HSV (or HSB) | 216.2°, 87.8, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.886, 24.83, -73.878 |
---|---|
XYZ | 25.328, 20.942, 97.31 |
xyY | 0.176, 0.146, 20.942 |
CIE-LCH | 52.886, 77.939, 288.577 |
CIE-LUV | 52.886, -25.702, -116.755 |
Hunter-Lab | 45.763, 18.708, -94.041 |
Binary | 00011111, 01111000, 11111111 |
Color Schemes with #1f78ff
Alternatives to #1f78ff
Below, you can see some colors close to #1f78ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f78ff Preview
This text has a font color of #1f78ff.
<span style="color:#1f78ff;">Text here</span>
This paragraph has a background color of #1f78ff.
<p style="background-color:#1f78ff;">Content here</p>
This element has a border color of #1f78ff.
<div style="border:1px solid #1f78ff;">Content here</div>
.text {color:#1f78ff;}
.background {background-color:#1f78ff;}
.border {border:1px solid #1f78ff;}
Shades and Tints of #1f78ff
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, #00050b is the darkest color, while #f7faff is the lightest one.
-
#00050b
#00050b
rgb(0,5,11)
-
#000c1f
#000c1f
rgb(0,12,31)
-
#001433
#001433
rgb(0,20,51)
-
#001c46
#001c46
rgb(0,28,70)
-
#00245a
#00245a
rgb(0,36,90)
-
#002b6d
#002b6d
rgb(0,43,109)
-
#003381
#003381
rgb(0,51,129)
-
#003b95
#003b95
rgb(0,59,149)
-
#0043a8
#0043a8
rgb(0,67,168)
-
#004bbc
#004bbc
rgb(0,75,188)
-
#0052d0
#0052d0
rgb(0,82,208)
-
#005ae3
#005ae3
rgb(0,90,227)
-
#0062f7
#0062f7
rgb(0,98,247)
-
#0b6cff
#0b6cff
rgb(11,108,255)
-
#1f78ff
#1f78ff
rgb(31,120,255)
-
#3384ff
#3384ff
rgb(51,132,255)
-
#4690ff
#4690ff
rgb(70,144,255)
-
#5a9bff
#5a9bff
rgb(90,155,255)
-
#6da7ff
#6da7ff
rgb(109,167,255)
-
#81b3ff
#81b3ff
rgb(129,179,255)
-
#95bfff
#95bfff
rgb(149,191,255)
-
#a8cbff
#a8cbff
rgb(168,203,255)
-
#bcd7ff
#bcd7ff
rgb(188,215,255)
-
#d0e2ff
#d0e2ff
rgb(208,226,255)
-
#e3eeff
#e3eeff
rgb(227,238,255)
-
#f7faff
#f7faff
rgb(247,250,255)
Tones of #1f78ff
A tone is produced by adding gray to any pure hue. In this case, #868d98 is the less saturated color, while #1f78ff is the most saturated one.
-
#868d98
#868d98
rgb(134,141,152)
-
#7e8ba0
#7e8ba0
rgb(126,139,160)
-
#758aa9
#758aa9
rgb(117,138,169)
-
#6d88b1
#6d88b1
rgb(109,136,177)
-
#6486ba
#6486ba
rgb(100,134,186)
-
#5b84c3
#5b84c3
rgb(91,132,195)
-
#5383cb
#5383cb
rgb(83,131,203)
-
#4a81d4
#4a81d4
rgb(74,129,212)
-
#417fdd
#417fdd
rgb(65,127,221)
-
#397de5
#397de5
rgb(57,125,229)
-
#307cee
#307cee
rgb(48,124,238)
-
#287af6
#287af6
rgb(40,122,246)
-
#1f78ff
#1f78ff
rgb(31,120,255)
Color Blindness Simulator
Below, you can see how #1f78ff 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.