#1f31ff Color Information
In a RGB color space, hex #1f31ff is composed of 12.2% red, 19.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 80.8% magenta, 0% yellow and 0% black. It has a hue angle of 235.2 degrees, a saturation of 100% and a lightness of 56.1%. #1f31ff color hex could be obtained by blending #3e62ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 12
- G 19
- B 100
-
- C 88
- M 81
- Y 0
- K 0
● #1f31ff color description : Vivid blue.
#1f31ff Color Conversion
The hexadecimal color #1f31ff has RGB values of R:31, G:49, B:255 and CMYK values of C:0.88, M:0.81, Y:0, K:0. Its decimal value is 2044415.
Hex triplet | 1f31ff | #1f31ff |
---|---|---|
RGB Decimal | 31, 49, 255 | rgb(31,49,255) |
RGB Percent | 12.2, 19.2, 100 | rgb(12.2%,19.2%,100%) |
CMYK | 88, 81, 0, 0 | |
HSL | 235.2°, 100, 56.1 | hsl(235.2,100%,56.1%) |
HSV (or HSB) | 235.2°, 87.8, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.31, 66.164, -99.489 |
---|---|
XYZ | 19.71, 9.706, 95.437 |
xyY | 0.158, 0.078, 9.706 |
CIE-LCH | 37.31, 119.481, 303.625 |
CIE-LUV | 37.31, -11.286, -133.337 |
Hunter-Lab | 31.155, 58.403, -159.813 |
Binary | 00011111, 00110001, 11111111 |
Color Schemes with #1f31ff
Alternatives to #1f31ff
Below, you can see some colors close to #1f31ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f31ff Preview
This text has a font color of #1f31ff.
<span style="color:#1f31ff;">Text here</span>
This paragraph has a background color of #1f31ff.
<p style="background-color:#1f31ff;">Content here</p>
This element has a border color of #1f31ff.
<div style="border:1px solid #1f31ff;">Content here</div>
.text {color:#1f31ff;}
.background {background-color:#1f31ff;}
.border {border:1px solid #1f31ff;}
Shades and Tints of #1f31ff
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)
-
#000646
#000646
rgb(0,6,70)
-
#00075a
#00075a
rgb(0,7,90)
-
#00096d
#00096d
rgb(0,9,109)
-
#000a81
#000a81
rgb(0,10,129)
-
#000c95
#000c95
rgb(0,12,149)
-
#000ea8
#000ea8
rgb(0,14,168)
-
#000fbc
#000fbc
rgb(0,15,188)
-
#0011d0
#0011d0
rgb(0,17,208)
-
#0012e3
#0012e3
rgb(0,18,227)
-
#0014f7
#0014f7
rgb(0,20,247)
-
#0b1fff
#0b1fff
rgb(11,31,255)
-
#1f31ff
#1f31ff
rgb(31,49,255)
-
#3343ff
#3343ff
rgb(51,67,255)
-
#4655ff
#4655ff
rgb(70,85,255)
-
#5a67ff
#5a67ff
rgb(90,103,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 #1f31ff
A tone is produced by adding gray to any pure hue. In this case, #868898 is the less saturated color, while #1f31ff is the most saturated one.
-
#868898
#868898
rgb(134,136,152)
-
#7e81a0
#7e81a0
rgb(126,129,160)
-
#7579a9
#7579a9
rgb(117,121,169)
-
#6d72b1
#6d72b1
rgb(109,114,177)
-
#646bba
#646bba
rgb(100,107,186)
-
#5b64c3
#5b64c3
rgb(91,100,195)
-
#535ccb
#535ccb
rgb(83,92,203)
-
#4a55d4
#4a55d4
rgb(74,85,212)
-
#414edd
#414edd
rgb(65,78,221)
-
#3947e5
#3947e5
rgb(57,71,229)
-
#303fee
#303fee
rgb(48,63,238)
-
#2838f6
#2838f6
rgb(40,56,246)
-
#1f31ff
#1f31ff
rgb(31,49,255)
Color Blindness Simulator
Below, you can see how #1f31ff 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.