#314580 Color Information
In a RGB color space, hex #314580 is composed of 19.2% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 224.8 degrees, a saturation of 44.6% and a lightness of 34.7%. #314580 color hex could be obtained by blending #628aff with #000001. Closest websafe color is: #333399.
-
- R 19
- G 27
- B 50
-
- C 62
- M 46
- Y 0
- K 50
● #314580 color description : Dark moderate blue.
#314580 Color Conversion
The hexadecimal color #314580 has RGB values of R:49, G:69, B:128 and CMYK values of C:0.62, M:0.46, Y:0, K:0.5. Its decimal value is 3229056.
Hex triplet | 314580 | #314580 |
---|---|---|
RGB Decimal | 49, 69, 128 | rgb(49,69,128) |
RGB Percent | 19.2, 27.1, 50.2 | rgb(19.2%,27.1%,50.2%) |
CMYK | 62, 46, 0, 50 | |
HSL | 224.8°, 44.6, 34.7 | hsl(224.8,44.6%,34.7%) |
HSV (or HSB) | 224.8°, 61.7, 50.2 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.562, 11.741, -35.794 |
---|---|
XYZ | 7.29, 6.467, 21.285 |
xyY | 0.208, 0.185, 6.467 |
CIE-LCH | 30.562, 37.671, 288.161 |
CIE-LUV | 30.562, -9.704, -48.548 |
Hunter-Lab | 25.431, 6.666, -31.822 |
Binary | 00110001, 01000101, 10000000 |
Color Schemes with #314580
Alternatives to #314580
Below, you can see some colors close to #314580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314580 Preview
This text has a font color of #314580.
<span style="color:#314580;">Text here</span>
This paragraph has a background color of #314580.
<p style="background-color:#314580;">Content here</p>
This element has a border color of #314580.
<div style="border:1px solid #314580;">Content here</div>
.text {color:#314580;}
.background {background-color:#314580;}
.border {border:1px solid #314580;}
Shades and Tints of #314580
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, #000000 is the darkest color, while #f1f3fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#06080f
#06080f
rgb(6,8,15)
-
#0b0f1d
#0b0f1d
rgb(11,15,29)
-
#10172b
#10172b
rgb(16,23,43)
-
#161f39
#161f39
rgb(22,31,57)
-
#1b2647
#1b2647
rgb(27,38,71)
-
#212e55
#212e55
rgb(33,46,85)
-
#263664
#263664
rgb(38,54,100)
-
#2c3d72
#2c3d72
rgb(44,61,114)
-
#314580
#314580
rgb(49,69,128)
-
#364d8e
#364d8e
rgb(54,77,142)
-
#3c549c
#3c549c
rgb(60,84,156)
-
#415cab
#415cab
rgb(65,92,171)
-
#4764b9
#4764b9
rgb(71,100,185)
-
#5570be
#5570be
rgb(85,112,190)
-
#637cc3
#637cc3
rgb(99,124,195)
-
#7188c9
#7188c9
rgb(113,136,201)
-
#8094ce
#8094ce
rgb(128,148,206)
-
#8ea0d4
#8ea0d4
rgb(142,160,212)
-
#9cacd9
#9cacd9
rgb(156,172,217)
-
#aab7df
#aab7df
rgb(170,183,223)
-
#b8c3e4
#b8c3e4
rgb(184,195,228)
-
#c7cfe9
#c7cfe9
rgb(199,207,233)
-
#d5dbef
#d5dbef
rgb(213,219,239)
-
#e3e7f4
#e3e7f4
rgb(227,231,244)
-
#f1f3fa
#f1f3fa
rgb(241,243,250)
Tones of #314580
A tone is produced by adding gray to any pure hue. In this case, #53565e is the less saturated color, while #012db0 is the most saturated one.
-
#53565e
#53565e
rgb(83,86,94)
-
#4c5265
#4c5265
rgb(76,82,101)
-
#454f6c
#454f6c
rgb(69,79,108)
-
#3f4c72
#3f4c72
rgb(63,76,114)
-
#384879
#384879
rgb(56,72,121)
-
#314580
#314580
rgb(49,69,128)
-
#2a4287
#2a4287
rgb(42,66,135)
-
#233e8e
#233e8e
rgb(35,62,142)
-
#1d3b94
#1d3b94
rgb(29,59,148)
-
#16389b
#16389b
rgb(22,56,155)
-
#0f34a2
#0f34a2
rgb(15,52,162)
-
#0831a9
#0831a9
rgb(8,49,169)
-
#012db0
#012db0
rgb(1,45,176)
Color Blindness Simulator
Below, you can see how #314580 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.