#315ae4 Color Information
In a RGB color space, hex #315ae4 is composed of 19.2% red, 35.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 60.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 226.3 degrees, a saturation of 76.8% and a lightness of 54.3%. #315ae4 color hex could be obtained by blending #62b4ff with #0000c9. Closest websafe color is: #3366cc.
-
- R 19
- G 35
- B 89
-
- C 79
- M 61
- Y 0
- K 11
● #315ae4 color description : Bright blue.
#315ae4 Color Conversion
The hexadecimal color #315ae4 has RGB values of R:49, G:90, B:228 and CMYK values of C:0.79, M:0.61, Y:0, K:0.11. Its decimal value is 3234532.
Hex triplet | 315ae4 | #315ae4 |
---|---|---|
RGB Decimal | 49, 90, 228 | rgb(49,90,228) |
RGB Percent | 19.2, 35.3, 89.4 | rgb(19.2%,35.3%,89.4%) |
CMYK | 79, 61, 0, 11 | |
HSL | 226.3°, 76.8, 54.3 | hsl(226.3,76.8%,54.3%) |
HSV (or HSB) | 226.3°, 78.5, 89.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.603, 35.051, -73.878 |
---|---|
XYZ | 18.923, 13.565, 75.016 |
xyY | 0.176, 0.126, 13.565 |
CIE-LCH | 43.603, 81.771, 295.382 |
CIE-LUV | 43.603, -16.253, -110.808 |
Hunter-Lab | 36.831, 27.257, -94.977 |
Binary | 00110001, 01011010, 11100100 |
Color Schemes with #315ae4
Alternatives to #315ae4
Below, you can see some colors close to #315ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#315ae4 Preview
This text has a font color of #315ae4.
<span style="color:#315ae4;">Text here</span>
This paragraph has a background color of #315ae4.
<p style="background-color:#315ae4;">Content here</p>
This element has a border color of #315ae4.
<div style="border:1px solid #315ae4;">Content here</div>
.text {color:#315ae4;}
.background {background-color:#315ae4;}
.border {border:1px solid #315ae4;}
Shades and Tints of #315ae4
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, #000102 is the darkest color, while #f0f3fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030613
#030613
rgb(3,6,19)
-
#050c25
#050c25
rgb(5,12,37)
-
#071236
#071236
rgb(7,18,54)
-
#091847
#091847
rgb(9,24,71)
-
#0c1d59
#0c1d59
rgb(12,29,89)
-
#0e236a
#0e236a
rgb(14,35,106)
-
#10297c
#10297c
rgb(16,41,124)
-
#122e8d
#122e8d
rgb(18,46,141)
-
#15349e
#15349e
rgb(21,52,158)
-
#173ab0
#173ab0
rgb(23,58,176)
-
#1940c1
#1940c1
rgb(25,64,193)
-
#1c45d2
#1c45d2
rgb(28,69,210)
-
#204ce2
#204ce2
rgb(32,76,226)
-
#315ae4
#315ae4
rgb(49,90,228)
-
#4268e6
#4268e6
rgb(66,104,230)
-
#5476e9
#5476e9
rgb(84,118,233)
-
#6584eb
#6584eb
rgb(101,132,235)
-
#7692ed
#7692ed
rgb(118,146,237)
-
#889fef
#889fef
rgb(136,159,239)
-
#99adf2
#99adf2
rgb(153,173,242)
-
#aabbf4
#aabbf4
rgb(170,187,244)
-
#bcc9f6
#bcc9f6
rgb(188,201,246)
-
#cdd7f8
#cdd7f8
rgb(205,215,248)
-
#dee5fb
#dee5fb
rgb(222,229,251)
-
#f0f3fd
#f0f3fd
rgb(240,243,253)
Tones of #315ae4
A tone is produced by adding gray to any pure hue. In this case, #828693 is the less saturated color, while #164bff is the most saturated one.
-
#828693
#828693
rgb(130,134,147)
-
#79819c
#79819c
rgb(121,129,156)
-
#707ca5
#707ca5
rgb(112,124,165)
-
#6777ae
#6777ae
rgb(103,119,174)
-
#5e72b7
#5e72b7
rgb(94,114,183)
-
#556dc0
#556dc0
rgb(85,109,192)
-
#4c69c9
#4c69c9
rgb(76,105,201)
-
#4364d2
#4364d2
rgb(67,100,210)
-
#3a5fdb
#3a5fdb
rgb(58,95,219)
-
#315ae4
#315ae4
rgb(49,90,228)
-
#2855ed
#2855ed
rgb(40,85,237)
-
#1f50f6
#1f50f6
rgb(31,80,246)
-
#164bff
#164bff
rgb(22,75,255)
Color Blindness Simulator
Below, you can see how #315ae4 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.