#315af0 Color Information
In a RGB color space, hex #315af0 is composed of 19.2% red, 35.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 62.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 227.1 degrees, a saturation of 86.4% and a lightness of 56.7%. #315af0 color hex could be obtained by blending #62b4ff with #0000e1. Closest websafe color is: #3366ff.
-
- R 19
- G 35
- B 94
-
- C 80
- M 63
- Y 0
- K 6
● #315af0 color description : Bright blue.
#315af0 Color Conversion
The hexadecimal color #315af0 has RGB values of R:49, G:90, B:240 and CMYK values of C:0.8, M:0.63, Y:0, K:0.06. Its decimal value is 3234544.
Hex triplet | 315af0 | #315af0 |
---|---|---|
RGB Decimal | 49, 90, 240 | rgb(49,90,240) |
RGB Percent | 19.2, 35.3, 94.1 | rgb(19.2%,35.3%,94.1%) |
CMYK | 80, 63, 0, 6 | |
HSL | 227.1°, 86.4, 56.7 | hsl(227.1,86.4%,56.7%) |
HSV (or HSB) | 227.1°, 79.6, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.597, 39.38, -79.023 |
---|---|
XYZ | 20.648, 14.255, 84.097 |
xyY | 0.174, 0.12, 14.255 |
CIE-LCH | 44.597, 88.292, 296.488 |
CIE-LUV | 44.597, -16.33, -118.715 |
Hunter-Lab | 37.756, 31.544, -105.632 |
Binary | 00110001, 01011010, 11110000 |
Color Schemes with #315af0
Alternatives to #315af0
Below, you can see some colors close to #315af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#315af0 Preview
This text has a font color of #315af0.
<span style="color:#315af0;">Text here</span>
This paragraph has a background color of #315af0.
<p style="background-color:#315af0;">Content here</p>
This element has a border color of #315af0.
<div style="border:1px solid #315af0;">Content here</div>
.text {color:#315af0;}
.background {background-color:#315af0;}
.border {border:1px solid #315af0;}
Shades and Tints of #315af0
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, #01040d is the darkest color, while #fafbff is the lightest one.
-
#01040d
#01040d
rgb(1,4,13)
-
#020920
#020920
rgb(2,9,32)
-
#040e32
#040e32
rgb(4,14,50)
-
#051344
#051344
rgb(5,19,68)
-
#061857
#061857
rgb(6,24,87)
-
#081c69
#081c69
rgb(8,28,105)
-
#09217b
#09217b
rgb(9,33,123)
-
#0a268d
#0a268d
rgb(10,38,141)
-
#0c2ba0
#0c2ba0
rgb(12,43,160)
-
#0d30b2
#0d30b2
rgb(13,48,178)
-
#0e35c4
#0e35c4
rgb(14,53,196)
-
#103ad7
#103ad7
rgb(16,58,215)
-
#113fe9
#113fe9
rgb(17,63,233)
-
#1f4bef
#1f4bef
rgb(31,75,239)
-
#315af0
#315af0
rgb(49,90,240)
-
#4369f1
#4369f1
rgb(67,105,241)
-
#5677f3
#5677f3
rgb(86,119,243)
-
#6886f4
#6886f4
rgb(104,134,244)
-
#7a95f5
#7a95f5
rgb(122,149,245)
-
#8ca3f7
#8ca3f7
rgb(140,163,247)
-
#9fb2f8
#9fb2f8
rgb(159,178,248)
-
#b1c1f9
#b1c1f9
rgb(177,193,249)
-
#c3cffb
#c3cffb
rgb(195,207,251)
-
#d6defc
#d6defc
rgb(214,222,252)
-
#e8ecfd
#e8ecfd
rgb(232,236,253)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #315af0
A tone is produced by adding gray to any pure hue. In this case, #8f8f93 is the less saturated color, while #2955f9 is the most saturated one.
-
#8f8f93
#8f8f93
rgb(143,143,147)
-
#868b9b
#868b9b
rgb(134,139,155)
-
#7e86a4
#7e86a4
rgb(126,134,164)
-
#7581ac
#7581ac
rgb(117,129,172)
-
#6d7cb5
#6d7cb5
rgb(109,124,181)
-
#6477bd
#6477bd
rgb(100,119,189)
-
#5c72c6
#5c72c6
rgb(92,114,198)
-
#536dce
#536dce
rgb(83,109,206)
-
#4b69d7
#4b69d7
rgb(75,105,215)
-
#4264df
#4264df
rgb(66,100,223)
-
#3a5fe8
#3a5fe8
rgb(58,95,232)
-
#315af0
#315af0
rgb(49,90,240)
-
#2955f9
#2955f9
rgb(41,85,249)
Color Blindness Simulator
Below, you can see how #315af0 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.