#1f30ff Color Information
In a RGB color space, hex #1f30ff is composed of 12.2% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 235.4 degrees, a saturation of 100% and a lightness of 56.1%. #1f30ff color hex could be obtained by blending #3e60ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 12
- G 19
- B 100
-
- C 88
- M 81
- Y 0
- K 0
● #1f30ff color description : Vivid blue.
#1f30ff Color Conversion
The hexadecimal color #1f30ff has RGB values of R:31, G:48, B:255 and CMYK values of C:0.88, M:0.81, Y:0, K:0. Its decimal value is 2044159.
Hex triplet | 1f30ff | #1f30ff |
---|---|---|
RGB Decimal | 31, 48, 255 | rgb(31,48,255) |
RGB Percent | 12.2, 18.8, 100 | rgb(12.2%,18.8%,100%) |
CMYK | 88, 81, 0, 0 | |
HSL | 235.4°, 100, 56.1 | hsl(235.4,100%,56.1%) |
HSV (or HSB) | 235.4°, 87.8, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.158, 66.611, -99.741 |
---|---|
XYZ | 19.668, 9.624, 95.423 |
xyY | 0.158, 0.077, 9.624 |
CIE-LCH | 37.158, 119.939, 303.737 |
CIE-LUV | 37.158, -11.17, -133.318 |
Hunter-Lab | 31.022, 58.882, -160.659 |
Binary | 00011111, 00110000, 11111111 |
Color Schemes with #1f30ff
Alternatives to #1f30ff
Below, you can see some colors close to #1f30ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f30ff Preview
This text has a font color of #1f30ff.
<span style="color:#1f30ff;">Text here</span>
This paragraph has a background color of #1f30ff.
<p style="background-color:#1f30ff;">Content here</p>
This element has a border color of #1f30ff.
<div style="border:1px solid #1f30ff;">Content here</div>
.text {color:#1f30ff;}
.background {background-color:#1f30ff;}
.border {border:1px solid #1f30ff;}
Shades and Tints of #1f30ff
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, #00010b is the darkest color, while #f7f7ff is the lightest one.
-
#00010b
#00010b
rgb(0,1,11)
-
#00021f
#00021f
rgb(0,2,31)
-
#000433
#000433
rgb(0,4,51)
-
#000546
#000546
rgb(0,5,70)
-
#00075a
#00075a
rgb(0,7,90)
-
#00086d
#00086d
rgb(0,8,109)
-
#000a81
#000a81
rgb(0,10,129)
-
#000b95
#000b95
rgb(0,11,149)
-
#000da8
#000da8
rgb(0,13,168)
-
#000ebc
#000ebc
rgb(0,14,188)
-
#0010d0
#0010d0
rgb(0,16,208)
-
#0011e3
#0011e3
rgb(0,17,227)
-
#0013f7
#0013f7
rgb(0,19,247)
-
#0b1eff
#0b1eff
rgb(11,30,255)
-
#1f30ff
#1f30ff
rgb(31,48,255)
-
#3342ff
#3342ff
rgb(51,66,255)
-
#4654ff
#4654ff
rgb(70,84,255)
-
#5a66ff
#5a66ff
rgb(90,102,255)
-
#6d79ff
#6d79ff
rgb(109,121,255)
-
#818bff
#818bff
rgb(129,139,255)
-
#959dff
#959dff
rgb(149,157,255)
-
#a8afff
#a8afff
rgb(168,175,255)
-
#bcc1ff
#bcc1ff
rgb(188,193,255)
-
#d0d3ff
#d0d3ff
rgb(208,211,255)
-
#e3e5ff
#e3e5ff
rgb(227,229,255)
-
#f7f7ff
#f7f7ff
rgb(247,247,255)
Tones of #1f30ff
A tone is produced by adding gray to any pure hue. In this case, #868898 is the less saturated color, while #1f30ff is the most saturated one.
-
#868898
#868898
rgb(134,136,152)
-
#7e80a0
#7e80a0
rgb(126,128,160)
-
#7579a9
#7579a9
rgb(117,121,169)
-
#6d72b1
#6d72b1
rgb(109,114,177)
-
#646aba
#646aba
rgb(100,106,186)
-
#5b63c3
#5b63c3
rgb(91,99,195)
-
#535ccb
#535ccb
rgb(83,92,203)
-
#4a55d4
#4a55d4
rgb(74,85,212)
-
#414ddd
#414ddd
rgb(65,77,221)
-
#3946e5
#3946e5
rgb(57,70,229)
-
#303fee
#303fee
rgb(48,63,238)
-
#2837f6
#2837f6
rgb(40,55,246)
-
#1f30ff
#1f30ff
rgb(31,48,255)
Color Blindness Simulator
Below, you can see how #1f30ff 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.