#1f74ff Color Information
In a RGB color space, hex #1f74ff is composed of 12.2% red, 45.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 54.5% magenta, 0% yellow and 0% black. It has a hue angle of 217.2 degrees, a saturation of 100% and a lightness of 56.1%. #1f74ff color hex could be obtained by blending #3ee8ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 12
- G 45
- B 100
-
- C 88
- M 55
- Y 0
- K 0
● #1f74ff color description : Vivid blue.
#1f74ff Color Conversion
The hexadecimal color #1f74ff has RGB values of R:31, G:116, B:255 and CMYK values of C:0.88, M:0.55, Y:0, K:0. Its decimal value is 2061567.
Hex triplet | 1f74ff | #1f74ff |
---|---|---|
RGB Decimal | 31, 116, 255 | rgb(31,116,255) |
RGB Percent | 12.2, 45.5, 100 | rgb(12.2%,45.5%,100%) |
CMYK | 88, 55, 0, 0 | |
HSL | 217.2°, 100, 56.1 | hsl(217.2,100%,56.1%) |
HSV (or HSB) | 217.2°, 87.8, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.837, 27.343, -75.582 |
---|---|
XYZ | 24.857, 20, 97.153 |
xyY | 0.175, 0.141, 20 |
CIE-LCH | 51.837, 80.376, 289.889 |
CIE-LUV | 51.837, -24.608, -118.791 |
Hunter-Lab | 44.721, 20.95, -97.497 |
Binary | 00011111, 01110100, 11111111 |
Color Schemes with #1f74ff
Alternatives to #1f74ff
Below, you can see some colors close to #1f74ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f74ff Preview
This text has a font color of #1f74ff.
<span style="color:#1f74ff;">Text here</span>
This paragraph has a background color of #1f74ff.
<p style="background-color:#1f74ff;">Content here</p>
This element has a border color of #1f74ff.
<div style="border:1px solid #1f74ff;">Content here</div>
.text {color:#1f74ff;}
.background {background-color:#1f74ff;}
.border {border:1px solid #1f74ff;}
Shades and Tints of #1f74ff
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, #00040b is the darkest color, while #f7faff is the lightest one.
-
#00040b
#00040b
rgb(0,4,11)
-
#000c1f
#000c1f
rgb(0,12,31)
-
#001333
#001333
rgb(0,19,51)
-
#001b46
#001b46
rgb(0,27,70)
-
#00225a
#00225a
rgb(0,34,90)
-
#002a6d
#002a6d
rgb(0,42,109)
-
#003181
#003181
rgb(0,49,129)
-
#003895
#003895
rgb(0,56,149)
-
#0040a8
#0040a8
rgb(0,64,168)
-
#0047bc
#0047bc
rgb(0,71,188)
-
#004fd0
#004fd0
rgb(0,79,208)
-
#0056e3
#0056e3
rgb(0,86,227)
-
#005ef7
#005ef7
rgb(0,94,247)
-
#0b68ff
#0b68ff
rgb(11,104,255)
-
#1f74ff
#1f74ff
rgb(31,116,255)
-
#3380ff
#3380ff
rgb(51,128,255)
-
#468cff
#468cff
rgb(70,140,255)
-
#5a99ff
#5a99ff
rgb(90,153,255)
-
#6da5ff
#6da5ff
rgb(109,165,255)
-
#81b1ff
#81b1ff
rgb(129,177,255)
-
#95bdff
#95bdff
rgb(149,189,255)
-
#a8c9ff
#a8c9ff
rgb(168,201,255)
-
#bcd5ff
#bcd5ff
rgb(188,213,255)
-
#d0e2ff
#d0e2ff
rgb(208,226,255)
-
#e3eeff
#e3eeff
rgb(227,238,255)
-
#f7faff
#f7faff
rgb(247,250,255)
Tones of #1f74ff
A tone is produced by adding gray to any pure hue. In this case, #868d98 is the less saturated color, while #1f74ff is the most saturated one.
-
#868d98
#868d98
rgb(134,141,152)
-
#7e8ba0
#7e8ba0
rgb(126,139,160)
-
#7589a9
#7589a9
rgb(117,137,169)
-
#6d87b1
#6d87b1
rgb(109,135,177)
-
#6485ba
#6485ba
rgb(100,133,186)
-
#5b83c3
#5b83c3
rgb(91,131,195)
-
#5380cb
#5380cb
rgb(83,128,203)
-
#4a7ed4
#4a7ed4
rgb(74,126,212)
-
#417cdd
#417cdd
rgb(65,124,221)
-
#397ae5
#397ae5
rgb(57,122,229)
-
#3078ee
#3078ee
rgb(48,120,238)
-
#2876f6
#2876f6
rgb(40,118,246)
-
#1f74ff
#1f74ff
rgb(31,116,255)
Color Blindness Simulator
Below, you can see how #1f74ff 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.