#1f48ff Color Information
In a RGB color space, hex #1f48ff is composed of 12.2% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 229 degrees, a saturation of 100% and a lightness of 56.1%. #1f48ff color hex could be obtained by blending #3e90ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 12
- G 28
- B 100
-
- C 88
- M 72
- Y 0
- K 0
● #1f48ff color description : Vivid blue.
#1f48ff Color Conversion
The hexadecimal color #1f48ff has RGB values of R:31, G:72, B:255 and CMYK values of C:0.88, M:0.72, Y:0, K:0. Its decimal value is 2050303.
Hex triplet | 1f48ff | #1f48ff |
---|---|---|
RGB Decimal | 31, 72, 255 | rgb(31,72,255) |
RGB Percent | 12.2, 28.2, 100 | rgb(12.2%,28.2%,100%) |
CMYK | 88, 72, 0, 0 | |
HSL | 229°, 100, 56.1 | hsl(229,100%,56.1%) |
HSV (or HSB) | 229°, 87.8, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.445, 54.323, -92.632 |
---|---|
XYZ | 20.929, 12.144, 95.843 |
xyY | 0.162, 0.094, 12.144 |
CIE-LCH | 41.445, 107.385, 300.389 |
CIE-LUV | 41.445, -14.661, -132.303 |
Hunter-Lab | 34.849, 46.214, -138.669 |
Binary | 00011111, 01001000, 11111111 |
Color Schemes with #1f48ff
Alternatives to #1f48ff
Below, you can see some colors close to #1f48ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f48ff Preview
This text has a font color of #1f48ff.
<span style="color:#1f48ff;">Text here</span>
This paragraph has a background color of #1f48ff.
<p style="background-color:#1f48ff;">Content here</p>
This element has a border color of #1f48ff.
<div style="border:1px solid #1f48ff;">Content here</div>
.text {color:#1f48ff;}
.background {background-color:#1f48ff;}
.border {border:1px solid #1f48ff;}
Shades and Tints of #1f48ff
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, #00020b is the darkest color, while #f7f8ff is the lightest one.
-
#00020b
#00020b
rgb(0,2,11)
-
#00061f
#00061f
rgb(0,6,31)
-
#000933
#000933
rgb(0,9,51)
-
#000d46
#000d46
rgb(0,13,70)
-
#00105a
#00105a
rgb(0,16,90)
-
#00146d
#00146d
rgb(0,20,109)
-
#001881
#001881
rgb(0,24,129)
-
#001b95
#001b95
rgb(0,27,149)
-
#001fa8
#001fa8
rgb(0,31,168)
-
#0022bc
#0022bc
rgb(0,34,188)
-
#0026d0
#0026d0
rgb(0,38,208)
-
#002ae3
#002ae3
rgb(0,42,227)
-
#002df7
#002df7
rgb(0,45,247)
-
#0b38ff
#0b38ff
rgb(11,56,255)
-
#1f48ff
#1f48ff
rgb(31,72,255)
-
#3358ff
#3358ff
rgb(51,88,255)
-
#4668ff
#4668ff
rgb(70,104,255)
-
#5a78ff
#5a78ff
rgb(90,120,255)
-
#6d88ff
#6d88ff
rgb(109,136,255)
-
#8198ff
#8198ff
rgb(129,152,255)
-
#95a8ff
#95a8ff
rgb(149,168,255)
-
#a8b8ff
#a8b8ff
rgb(168,184,255)
-
#bcc8ff
#bcc8ff
rgb(188,200,255)
-
#d0d8ff
#d0d8ff
rgb(208,216,255)
-
#e3e8ff
#e3e8ff
rgb(227,232,255)
-
#f7f8ff
#f7f8ff
rgb(247,248,255)
Tones of #1f48ff
A tone is produced by adding gray to any pure hue. In this case, #868a98 is the less saturated color, while #1f48ff is the most saturated one.
-
#868a98
#868a98
rgb(134,138,152)
-
#7e84a0
#7e84a0
rgb(126,132,160)
-
#757fa9
#757fa9
rgb(117,127,169)
-
#6d79b1
#6d79b1
rgb(109,121,177)
-
#6474ba
#6474ba
rgb(100,116,186)
-
#5b6ec3
#5b6ec3
rgb(91,110,195)
-
#5369cb
#5369cb
rgb(83,105,203)
-
#4a63d4
#4a63d4
rgb(74,99,212)
-
#415edd
#415edd
rgb(65,94,221)
-
#3958e5
#3958e5
rgb(57,88,229)
-
#3053ee
#3053ee
rgb(48,83,238)
-
#284df6
#284df6
rgb(40,77,246)
-
#1f48ff
#1f48ff
rgb(31,72,255)
Color Blindness Simulator
Below, you can see how #1f48ff 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.