#3150ff Color Information
In a RGB color space, hex #3150ff is composed of 19.2% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 231 degrees, a saturation of 100% and a lightness of 59.6%. #3150ff color hex could be obtained by blending #62a0ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 19
- G 31
- B 100
-
- C 81
- M 69
- Y 0
- K 0
● #3150ff color description : Vivid blue.
#3150ff Color Conversion
The hexadecimal color #3150ff has RGB values of R:49, G:80, B:255 and CMYK values of C:0.81, M:0.69, Y:0, K:0. Its decimal value is 3231999.
Hex triplet | 3150ff | #3150ff |
---|---|---|
RGB Decimal | 49, 80, 255 | rgb(49,80,255) |
RGB Percent | 19.2, 31.4, 100 | rgb(19.2%,31.4%,100%) |
CMYK | 81, 69, 0, 0 | |
HSL | 231°, 100, 59.6 | hsl(231,100%,59.6%) |
HSV (or HSB) | 231°, 80.8, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.666, 50.655, -88.945 |
---|---|
XYZ | 22.182, 13.609, 96.06 |
xyY | 0.168, 0.103, 13.609 |
CIE-LCH | 43.666, 102.358, 299.662 |
CIE-LUV | 43.666, -14.41, -130.721 |
Hunter-Lab | 36.89, 42.773, -128.566 |
Binary | 00110001, 01010000, 11111111 |
Color Schemes with #3150ff
Alternatives to #3150ff
Below, you can see some colors close to #3150ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3150ff Preview
This text has a font color of #3150ff.
<span style="color:#3150ff;">Text here</span>
This paragraph has a background color of #3150ff.
<p style="background-color:#3150ff;">Content here</p>
This element has a border color of #3150ff.
<div style="border:1px solid #3150ff;">Content here</div>
.text {color:#3150ff;}
.background {background-color:#3150ff;}
.border {border:1px solid #3150ff;}
Shades and Tints of #3150ff
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, #00010a is the darkest color, while #f5f7ff is the lightest one.
-
#00010a
#00010a
rgb(0,1,10)
-
#00041d
#00041d
rgb(0,4,29)
-
#000731
#000731
rgb(0,7,49)
-
#000a45
#000a45
rgb(0,10,69)
-
#000d58
#000d58
rgb(0,13,88)
-
#00106c
#00106c
rgb(0,16,108)
-
#00137f
#00137f
rgb(0,19,127)
-
#001693
#001693
rgb(0,22,147)
-
#0019a7
#0019a7
rgb(0,25,167)
-
#001cba
#001cba
rgb(0,28,186)
-
#001fce
#001fce
rgb(0,31,206)
-
#0022e2
#0022e2
rgb(0,34,226)
-
#0025f5
#0025f5
rgb(0,37,245)
-
#0a2fff
#0a2fff
rgb(10,47,255)
-
#1d3fff
#1d3fff
rgb(29,63,255)
-
#3150ff
#3150ff
rgb(49,80,255)
-
#4561ff
#4561ff
rgb(69,97,255)
-
#5871ff
#5871ff
rgb(88,113,255)
-
#6c82ff
#6c82ff
rgb(108,130,255)
-
#7f93ff
#7f93ff
rgb(127,147,255)
-
#93a3ff
#93a3ff
rgb(147,163,255)
-
#a7b4ff
#a7b4ff
rgb(167,180,255)
-
#bac5ff
#bac5ff
rgb(186,197,255)
-
#ced5ff
#ced5ff
rgb(206,213,255)
-
#e2e6ff
#e2e6ff
rgb(226,230,255)
-
#f5f7ff
#f5f7ff
rgb(245,247,255)
Tones of #3150ff
A tone is produced by adding gray to any pure hue. In this case, #9092a0 is the less saturated color, while #3150ff is the most saturated one.
-
#9092a0
#9092a0
rgb(144,146,160)
-
#888da8
#888da8
rgb(136,141,168)
-
#8087b0
#8087b0
rgb(128,135,176)
-
#7882b8
#7882b8
rgb(120,130,184)
-
#707cc0
#707cc0
rgb(112,124,192)
-
#6877c8
#6877c8
rgb(104,119,200)
-
#6171cf
#6171cf
rgb(97,113,207)
-
#596cd7
#596cd7
rgb(89,108,215)
-
#5166df
#5166df
rgb(81,102,223)
-
#4961e7
#4961e7
rgb(73,97,231)
-
#415bef
#415bef
rgb(65,91,239)
-
#3956f7
#3956f7
rgb(57,86,247)
-
#3150ff
#3150ff
rgb(49,80,255)
Color Blindness Simulator
Below, you can see how #3150ff 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.