#315aa3 Color Information
In a RGB color space, hex #315aa3 is composed of 19.2% red, 35.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 44.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 218.4 degrees, a saturation of 53.8% and a lightness of 41.6%. #315aa3 color hex could be obtained by blending #62b4ff with #000047. Closest websafe color is: #336699.
-
- R 19
- G 35
- B 64
-
- C 70
- M 45
- Y 0
- K 36
● #315aa3 color description : Dark moderate blue.
#315aa3 Color Conversion
The hexadecimal color #315aa3 has RGB values of R:49, G:90, B:163 and CMYK values of C:0.7, M:0.45, Y:0, K:0.36. Its decimal value is 3234467.
Hex triplet | 315aa3 | #315aa3 |
---|---|---|
RGB Decimal | 49, 90, 163 | rgb(49,90,163) |
RGB Percent | 19.2, 35.3, 63.9 | rgb(19.2%,35.3%,63.9%) |
CMYK | 70, 45, 0, 36 | |
HSL | 218.4°, 53.8, 41.6 | hsl(218.4,53.8%,41.6%) |
HSV (or HSB) | 218.4°, 69.9, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.914, 10.833, -43.731 |
---|---|
XYZ | 11.532, 10.609, 36.088 |
xyY | 0.198, 0.182, 10.609 |
CIE-LCH | 38.914, 45.052, 283.913 |
CIE-LUV | 38.914, -16.422, -63.755 |
Hunter-Lab | 32.571, 6.2, -42.892 |
Binary | 00110001, 01011010, 10100011 |
Color Schemes with #315aa3
Alternatives to #315aa3
Below, you can see some colors close to #315aa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#315aa3 Preview
This text has a font color of #315aa3.
<span style="color:#315aa3;">Text here</span>
This paragraph has a background color of #315aa3.
<p style="background-color:#315aa3;">Content here</p>
This element has a border color of #315aa3.
<div style="border:1px solid #315aa3;">Content here</div>
.text {color:#315aa3;}
.background {background-color:#315aa3;}
.border {border:1px solid #315aa3;}
Shades and Tints of #315aa3
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, #04070c is the darkest color, while #fcfdfe is the lightest one.
-
#04070c
#04070c
rgb(4,7,12)
-
#080f1b
#080f1b
rgb(8,15,27)
-
#0d172a
#0d172a
rgb(13,23,42)
-
#112039
#112039
rgb(17,32,57)
-
#162849
#162849
rgb(22,40,73)
-
#1a3058
#1a3058
rgb(26,48,88)
-
#1f3967
#1f3967
rgb(31,57,103)
-
#234176
#234176
rgb(35,65,118)
-
#284985
#284985
rgb(40,73,133)
-
#2c5294
#2c5294
rgb(44,82,148)
-
#315aa3
#315aa3
rgb(49,90,163)
-
#3662b2
#3662b2
rgb(54,98,178)
-
#3a6bc1
#3a6bc1
rgb(58,107,193)
-
#4775c8
#4775c8
rgb(71,117,200)
-
#5681cc
#5681cc
rgb(86,129,204)
-
#658cd1
#658cd1
rgb(101,140,209)
-
#7497d5
#7497d5
rgb(116,151,213)
-
#83a3da
#83a3da
rgb(131,163,218)
-
#93aede
#93aede
rgb(147,174,222)
-
#a2b9e3
#a2b9e3
rgb(162,185,227)
-
#b1c4e7
#b1c4e7
rgb(177,196,231)
-
#c0d0ec
#c0d0ec
rgb(192,208,236)
-
#cfdbf1
#cfdbf1
rgb(207,219,241)
-
#dee6f5
#dee6f5
rgb(222,230,245)
-
#edf2fa
#edf2fa
rgb(237,242,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #315aa3
A tone is produced by adding gray to any pure hue. In this case, #626872 is the less saturated color, while #004cd4 is the most saturated one.
-
#626872
#626872
rgb(98,104,114)
-
#5a657a
#5a657a
rgb(90,101,122)
-
#526382
#526382
rgb(82,99,130)
-
#49618b
#49618b
rgb(73,97,139)
-
#415f93
#415f93
rgb(65,95,147)
-
#395c9b
#395c9b
rgb(57,92,155)
-
#315aa3
#315aa3
rgb(49,90,163)
-
#2958ab
#2958ab
rgb(41,88,171)
-
#2155b3
#2155b3
rgb(33,85,179)
-
#1953bb
#1953bb
rgb(25,83,187)
-
#1051c4
#1051c4
rgb(16,81,196)
-
#084fcc
#084fcc
rgb(8,79,204)
-
#004cd4
#004cd4
rgb(0,76,212)
Color Blindness Simulator
Below, you can see how #315aa3 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.