#316ac4 Color Information
In a RGB color space, hex #316ac4 is composed of 19.2% red, 41.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 45.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 216.7 degrees, a saturation of 60% and a lightness of 48%. #316ac4 color hex could be obtained by blending #62d4ff with #000089. Closest websafe color is: #3366cc.
-
- R 19
- G 42
- B 77
-
- C 75
- M 46
- Y 0
- K 23
● #316ac4 color description : Strong blue.
#316ac4 Color Conversion
The hexadecimal color #316ac4 has RGB values of R:49, G:106, B:196 and CMYK values of C:0.75, M:0.46, Y:0, K:0.23. Its decimal value is 3238596.
Hex triplet | 316ac4 | #316ac4 |
---|---|---|
RGB Decimal | 49, 106, 196 | rgb(49,106,196) |
RGB Percent | 19.2, 41.6, 76.9 | rgb(19.2%,41.6%,76.9%) |
CMYK | 75, 46, 0, 23 | |
HSL | 216.7°, 60, 48 | hsl(216.7,60%,48%) |
HSV (or HSB) | 216.7°, 75, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.559, 12.917, -52.41 |
---|---|
XYZ | 16.382, 14.945, 54.243 |
xyY | 0.191, 0.175, 14.945 |
CIE-LCH | 45.559, 53.979, 283.845 |
CIE-LUV | 45.559, -20.939, -79.844 |
Hunter-Lab | 38.659, 7.988, -56.129 |
Binary | 00110001, 01101010, 11000100 |
Color Schemes with #316ac4
Alternatives to #316ac4
Below, you can see some colors close to #316ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#316ac4 Preview
This text has a font color of #316ac4.
<span style="color:#316ac4;">Text here</span>
This paragraph has a background color of #316ac4.
<p style="background-color:#316ac4;">Content here</p>
This element has a border color of #316ac4.
<div style="border:1px solid #316ac4;">Content here</div>
.text {color:#316ac4;}
.background {background-color:#316ac4;}
.border {border:1px solid #316ac4;}
Shades and Tints of #316ac4
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, #020408 is the darkest color, while #f7f9fd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#060d17
#060d17
rgb(6,13,23)
-
#0a1527
#0a1527
rgb(10,21,39)
-
#0e1e37
#0e1e37
rgb(14,30,55)
-
#122646
#122646
rgb(18,38,70)
-
#162f56
#162f56
rgb(22,47,86)
-
#193766
#193766
rgb(25,55,102)
-
#1d4076
#1d4076
rgb(29,64,118)
-
#214885
#214885
rgb(33,72,133)
-
#255195
#255195
rgb(37,81,149)
-
#2959a5
#2959a5
rgb(41,89,165)
-
#2d62b4
#2d62b4
rgb(45,98,180)
-
#316ac4
#316ac4
rgb(49,106,196)
-
#3b74ce
#3b74ce
rgb(59,116,206)
-
#4a7fd2
#4a7fd2
rgb(74,127,210)
-
#5a8ad6
#5a8ad6
rgb(90,138,214)
-
#6a95da
#6a95da
rgb(106,149,218)
-
#79a0de
#79a0de
rgb(121,160,222)
-
#89abe2
#89abe2
rgb(137,171,226)
-
#99b7e5
#99b7e5
rgb(153,183,229)
-
#a9c2e9
#a9c2e9
rgb(169,194,233)
-
#b8cded
#b8cded
rgb(184,205,237)
-
#c8d8f1
#c8d8f1
rgb(200,216,241)
-
#d8e3f5
#d8e3f5
rgb(216,227,245)
-
#e7eef9
#e7eef9
rgb(231,238,249)
-
#f7f9fd
#f7f9fd
rgb(247,249,253)
Tones of #316ac4
A tone is produced by adding gray to any pure hue. In this case, #737982 is the less saturated color, while #025ff3 is the most saturated one.
-
#737982
#737982
rgb(115,121,130)
-
#6a778b
#6a778b
rgb(106,119,139)
-
#607595
#607595
rgb(96,117,149)
-
#57729e
#57729e
rgb(87,114,158)
-
#4d70a8
#4d70a8
rgb(77,112,168)
-
#446eb1
#446eb1
rgb(68,110,177)
-
#3a6cbb
#3a6cbb
rgb(58,108,187)
-
#316ac4
#316ac4
rgb(49,106,196)
-
#2868cd
#2868cd
rgb(40,104,205)
-
#1e66d7
#1e66d7
rgb(30,102,215)
-
#1564e0
#1564e0
rgb(21,100,224)
-
#0b62ea
#0b62ea
rgb(11,98,234)
-
#025ff3
#025ff3
rgb(2,95,243)
Color Blindness Simulator
Below, you can see how #316ac4 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.