#313ea2 Color Information
In a RGB color space, hex #313ea2 is composed of 19.2% red, 24.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 61.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 233.1 degrees, a saturation of 53.6% and a lightness of 41.4%. #313ea2 color hex could be obtained by blending #627cff with #000045. Closest websafe color is: #333399.
-
- R 19
- G 24
- B 64
-
- C 70
- M 62
- Y 0
- K 36
● #313ea2 color description : Dark moderate blue.
#313ea2 Color Conversion
The hexadecimal color #313ea2 has RGB values of R:49, G:62, B:162 and CMYK values of C:0.7, M:0.62, Y:0, K:0.36. Its decimal value is 3227298.
Hex triplet | 313ea2 | #313ea2 |
---|---|---|
RGB Decimal | 49, 62, 162 | rgb(49,62,162) |
RGB Percent | 19.2, 24.3, 63.5 | rgb(19.2%,24.3%,63.5%) |
CMYK | 70, 62, 0, 36 | |
HSL | 233.1°, 53.6, 41.4 | hsl(233.1,53.6%,41.4%) |
HSV (or HSB) | 233.1°, 69.8, 63.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.129, 28.978, -55.713 |
---|---|
XYZ | 9.51, 6.706, 34.974 |
xyY | 0.186, 0.131, 6.706 |
CIE-LCH | 31.129, 62.798, 297.48 |
CIE-LUV | 31.129, -8.474, -75.933 |
Hunter-Lab | 25.897, 20.228, -61.945 |
Binary | 00110001, 00111110, 10100010 |
Color Schemes with #313ea2
Alternatives to #313ea2
Below, you can see some colors close to #313ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#313ea2 Preview
This text has a font color of #313ea2.
<span style="color:#313ea2;">Text here</span>
This paragraph has a background color of #313ea2.
<p style="background-color:#313ea2;">Content here</p>
This element has a border color of #313ea2.
<div style="border:1px solid #313ea2;">Content here</div>
.text {color:#313ea2;}
.background {background-color:#313ea2;}
.border {border:1px solid #313ea2;}
Shades and Tints of #313ea2
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, #03040b is the darkest color, while #fbfcfe is the lightest one.
-
#03040b
#03040b
rgb(3,4,11)
-
#080a1a
#080a1a
rgb(8,10,26)
-
#0d102a
#0d102a
rgb(13,16,42)
-
#111639
#111639
rgb(17,22,57)
-
#161b48
#161b48
rgb(22,27,72)
-
#1a2157
#1a2157
rgb(26,33,87)
-
#1f2766
#1f2766
rgb(31,39,102)
-
#232d75
#232d75
rgb(35,45,117)
-
#283284
#283284
rgb(40,50,132)
-
#2c3893
#2c3893
rgb(44,56,147)
-
#313ea2
#313ea2
rgb(49,62,162)
-
#3644b1
#3644b1
rgb(54,68,177)
-
#3a4ac0
#3a4ac0
rgb(58,74,192)
-
#4755c7
#4755c7
rgb(71,85,199)
-
#5663cc
#5663cc
rgb(86,99,204)
-
#6571d0
#6571d0
rgb(101,113,208)
-
#747fd5
#747fd5
rgb(116,127,213)
-
#838dd9
#838dd9
rgb(131,141,217)
-
#929bde
#929bde
rgb(146,155,222)
-
#a1a9e3
#a1a9e3
rgb(161,169,227)
-
#b0b6e7
#b0b6e7
rgb(176,182,231)
-
#bfc4ec
#bfc4ec
rgb(191,196,236)
-
#ced2f0
#ced2f0
rgb(206,210,240)
-
#dde0f5
#dde0f5
rgb(221,224,245)
-
#eceef9
#eceef9
rgb(236,238,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #313ea2
A tone is produced by adding gray to any pure hue. In this case, #626371 is the less saturated color, while #0019d3 is the most saturated one.
-
#626371
#626371
rgb(98,99,113)
-
#5a5d79
#5a5d79
rgb(90,93,121)
-
#515782
#515782
rgb(81,87,130)
-
#49518a
#49518a
rgb(73,81,138)
-
#414a92
#414a92
rgb(65,74,146)
-
#39449a
#39449a
rgb(57,68,154)
-
#313ea2
#313ea2
rgb(49,62,162)
-
#2938aa
#2938aa
rgb(41,56,170)
-
#2132b2
#2132b2
rgb(33,50,178)
-
#192bba
#192bba
rgb(25,43,186)
-
#1125c2
#1125c2
rgb(17,37,194)
-
#081fcb
#081fcb
rgb(8,31,203)
-
#0019d3
#0019d3
rgb(0,25,211)
Color Blindness Simulator
Below, you can see how #313ea2 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.