#313166 Color Information
In a RGB color space, hex #313166 is composed of 19.2% red, 19.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 52% magenta, 0% yellow and 60% black. It has a hue angle of 240 degrees, a saturation of 35.1% and a lightness of 29.6%. #313166 color hex could be obtained by blending #6262cc with #000000. Closest websafe color is: #333366.
-
- R 19
- G 19
- B 40
-
- C 52
- M 52
- Y 0
- K 60
● #313166 color description : Very dark desaturated blue.
#313166 Color Conversion
The hexadecimal color #313166 has RGB values of R:49, G:49, B:102 and CMYK values of C:0.52, M:0.52, Y:0, K:0.6. Its decimal value is 3223910.
Hex triplet | 313166 | #313166 |
---|---|---|
RGB Decimal | 49, 49, 102 | rgb(49,49,102) |
RGB Percent | 19.2, 19.2, 40 | rgb(19.2%,19.2%,40%) |
CMYK | 52, 52, 0, 60 | |
HSL | 240°, 35.1, 29.6 | hsl(240,35.1%,29.6%) |
HSV (or HSB) | 240°, 52, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 23.029, 16.108, -31.327 |
---|---|
XYZ | 4.763, 3.809, 13.054 |
xyY | 0.22, 0.176, 3.809 |
CIE-LCH | 23.029, 35.226, 297.212 |
CIE-LUV | 23.029, -2.79, -38.658 |
Hunter-Lab | 19.516, 9.409, -25.997 |
Binary | 00110001, 00110001, 01100110 |
Color Schemes with #313166
Alternatives to #313166
Below, you can see some colors close to #313166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#313166 Preview
This text has a font color of #313166.
<span style="color:#313166;">Text here</span>
This paragraph has a background color of #313166.
<p style="background-color:#313166;">Content here</p>
This element has a border color of #313166.
<div style="border:1px solid #313166;">Content here</div>
.text {color:#313166;}
.background {background-color:#313166;}
.border {border:1px solid #313166;}
Shades and Tints of #313166
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, #040409 is the darkest color, while #fbfbfd is the lightest one.
-
#040409
#040409
rgb(4,4,9)
-
#0b0b16
#0b0b16
rgb(11,11,22)
-
#111124
#111124
rgb(17,17,36)
-
#181831
#181831
rgb(24,24,49)
-
#1e1e3e
#1e1e3e
rgb(30,30,62)
-
#24244b
#24244b
rgb(36,36,75)
-
#2b2b59
#2b2b59
rgb(43,43,89)
-
#313166
#313166
rgb(49,49,102)
-
#373773
#373773
rgb(55,55,115)
-
#3e3e81
#3e3e81
rgb(62,62,129)
-
#44448e
#44448e
rgb(68,68,142)
-
#4a4a9b
#4a4a9b
rgb(74,74,155)
-
#5151a8
#5151a8
rgb(81,81,168)
-
#5c5cb1
#5c5cb1
rgb(92,92,177)
-
#6969b7
#6969b7
rgb(105,105,183)
-
#7676bd
#7676bd
rgb(118,118,189)
-
#8484c4
#8484c4
rgb(132,132,196)
-
#9191ca
#9191ca
rgb(145,145,202)
-
#9e9ed1
#9e9ed1
rgb(158,158,209)
-
#ababd7
#ababd7
rgb(171,171,215)
-
#b9b9dd
#b9b9dd
rgb(185,185,221)
-
#c6c6e4
#c6c6e4
rgb(198,198,228)
-
#d3d3ea
#d3d3ea
rgb(211,211,234)
-
#e0e0f0
#e0e0f0
rgb(224,224,240)
-
#eeeef7
#eeeef7
rgb(238,238,247)
-
#fbfbfd
#fbfbfd
rgb(251,251,253)
Tones of #313166
A tone is produced by adding gray to any pure hue. In this case, #48484f is the less saturated color, while #030394 is the most saturated one.
-
#48484f
#48484f
rgb(72,72,79)
-
#424255
#424255
rgb(66,66,85)
-
#3d3d5a
#3d3d5a
rgb(61,61,90)
-
#373760
#373760
rgb(55,55,96)
-
#313166
#313166
rgb(49,49,102)
-
#2b2b6c
#2b2b6c
rgb(43,43,108)
-
#252572
#252572
rgb(37,37,114)
-
#202077
#202077
rgb(32,32,119)
-
#1a1a7d
#1a1a7d
rgb(26,26,125)
-
#141483
#141483
rgb(20,20,131)
-
#0e0e89
#0e0e89
rgb(14,14,137)
-
#08088f
#08088f
rgb(8,8,143)
-
#030394
#030394
rgb(3,3,148)
Color Blindness Simulator
Below, you can see how #313166 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.