#314ac4 Color Information
In a RGB color space, hex #314ac4 is composed of 19.2% red, 29% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 62.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 229.8 degrees, a saturation of 60% and a lightness of 48%. #314ac4 color hex could be obtained by blending #6294ff with #000089. Closest websafe color is: #3333cc.
-
- R 19
- G 29
- B 77
-
- C 75
- M 62
- Y 0
- K 23
● #314ac4 color description : Strong blue.
#314ac4 Color Conversion
The hexadecimal color #314ac4 has RGB values of R:49, G:74, B:196 and CMYK values of C:0.75, M:0.62, Y:0, K:0.23. Its decimal value is 3230404.
Hex triplet | 314ac4 | #314ac4 |
---|---|---|
RGB Decimal | 49, 74, 196 | rgb(49,74,196) |
RGB Percent | 19.2, 29, 76.9 | rgb(19.2%,29%,76.9%) |
CMYK | 75, 62, 0, 23 | |
HSL | 229.8°, 60, 48 | hsl(229.8,60%,48%) |
HSV (or HSB) | 229.8°, 75, 76.9 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 36.995, 33.587, -66.293 |
---|---|
XYZ | 13.677, 9.535, 53.341 |
xyY | 0.179, 0.125, 9.535 |
CIE-LCH | 36.995, 74.316, 296.869 |
CIE-LUV | 36.995, -12.076, -94.931 |
Hunter-Lab | 30.879, 25.024, -80.804 |
Binary | 00110001, 01001010, 11000100 |
Color Schemes with #314ac4
Alternatives to #314ac4
Below, you can see some colors close to #314ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314ac4 Preview
This text has a font color of #314ac4.
<span style="color:#314ac4;">Text here</span>
This paragraph has a background color of #314ac4.
<p style="background-color:#314ac4;">Content here</p>
This element has a border color of #314ac4.
<div style="border:1px solid #314ac4;">Content here</div>
.text {color:#314ac4;}
.background {background-color:#314ac4;}
.border {border:1px solid #314ac4;}
Shades and Tints of #314ac4
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, #020308 is the darkest color, while #f7f8fd is the lightest one.
-
#020308
#020308
rgb(2,3,8)
-
#060917
#060917
rgb(6,9,23)
-
#0a0f27
#0a0f27
rgb(10,15,39)
-
#0e1537
#0e1537
rgb(14,21,55)
-
#121b46
#121b46
rgb(18,27,70)
-
#162156
#162156
rgb(22,33,86)
-
#192666
#192666
rgb(25,38,102)
-
#1d2c76
#1d2c76
rgb(29,44,118)
-
#213285
#213285
rgb(33,50,133)
-
#253895
#253895
rgb(37,56,149)
-
#293ea5
#293ea5
rgb(41,62,165)
-
#2d44b4
#2d44b4
rgb(45,68,180)
-
#314ac4
#314ac4
rgb(49,74,196)
-
#3b54ce
#3b54ce
rgb(59,84,206)
-
#4a61d2
#4a61d2
rgb(74,97,210)
-
#5a6fd6
#5a6fd6
rgb(90,111,214)
-
#6a7dda
#6a7dda
rgb(106,125,218)
-
#798ade
#798ade
rgb(121,138,222)
-
#8998e2
#8998e2
rgb(137,152,226)
-
#99a6e5
#99a6e5
rgb(153,166,229)
-
#a9b4e9
#a9b4e9
rgb(169,180,233)
-
#b8c1ed
#b8c1ed
rgb(184,193,237)
-
#c8cff1
#c8cff1
rgb(200,207,241)
-
#d8ddf5
#d8ddf5
rgb(216,221,245)
-
#e7eaf9
#e7eaf9
rgb(231,234,249)
-
#f7f8fd
#f7f8fd
rgb(247,248,253)
Tones of #314ac4
A tone is produced by adding gray to any pure hue. In this case, #737682 is the less saturated color, while #022bf3 is the most saturated one.
-
#737682
#737682
rgb(115,118,130)
-
#6a6f8b
#6a6f8b
rgb(106,111,139)
-
#606995
#606995
rgb(96,105,149)
-
#57639e
#57639e
rgb(87,99,158)
-
#4d5da8
#4d5da8
rgb(77,93,168)
-
#4456b1
#4456b1
rgb(68,86,177)
-
#3a50bb
#3a50bb
rgb(58,80,187)
-
#314ac4
#314ac4
rgb(49,74,196)
-
#2844cd
#2844cd
rgb(40,68,205)
-
#1e3ed7
#1e3ed7
rgb(30,62,215)
-
#1537e0
#1537e0
rgb(21,55,224)
-
#0b31ea
#0b31ea
rgb(11,49,234)
-
#022bf3
#022bf3
rgb(2,43,243)
Color Blindness Simulator
Below, you can see how #314ac4 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.