#1f3163 Color Information
In a RGB color space, hex #1f3163 is composed of 12.2% red, 19.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 50.5% magenta, 0% yellow and 61.2% black. It has a hue angle of 224.1 degrees, a saturation of 52.3% and a lightness of 25.5%. #1f3163 color hex could be obtained by blending #3e62c6 with #000000. Closest websafe color is: #333366.
-
- R 12
- G 19
- B 39
-
- C 69
- M 51
- Y 0
- K 61
● #1f3163 color description : Very dark blue.
#1f3163 Color Conversion
The hexadecimal color #1f3163 has RGB values of R:31, G:49, B:99 and CMYK values of C:0.69, M:0.51, Y:0, K:0.61. Its decimal value is 2044259.
Hex triplet | 1f3163 | #1f3163 |
---|---|---|
RGB Decimal | 31, 49, 99 | rgb(31,49,99) |
RGB Percent | 12.2, 19.2, 38.8 | rgb(12.2%,19.2%,38.8%) |
CMYK | 69, 51, 0, 61 | |
HSL | 224.1°, 52.3, 25.5 | hsl(224.1,52.3%,25.5%) |
HSV (or HSB) | 224.1°, 68.7, 38.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 21.537, 10.879, -31.835 |
---|---|
XYZ | 3.915, 3.389, 12.251 |
xyY | 0.2, 0.173, 3.389 |
CIE-LCH | 21.537, 33.643, 288.867 |
CIE-LUV | 21.537, -7.472, -37.806 |
Hunter-Lab | 18.408, 5.75, -26.575 |
Binary | 00011111, 00110001, 01100011 |
Color Schemes with #1f3163
Alternatives to #1f3163
Below, you can see some colors close to #1f3163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3163 Preview
This text has a font color of #1f3163.
<span style="color:#1f3163;">Text here</span>
This paragraph has a background color of #1f3163.
<p style="background-color:#1f3163;">Content here</p>
This element has a border color of #1f3163.
<div style="border:1px solid #1f3163;">Content here</div>
.text {color:#1f3163;}
.background {background-color:#1f3163;}
.border {border:1px solid #1f3163;}
Shades and Tints of #1f3163
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, #030509 is the darkest color, while #f9fafd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#080c18
#080c18
rgb(8,12,24)
-
#0c1327
#0c1327
rgb(12,19,39)
-
#111b36
#111b36
rgb(17,27,54)
-
#162245
#162245
rgb(22,34,69)
-
#1a2a54
#1a2a54
rgb(26,42,84)
-
#1f3163
#1f3163
rgb(31,49,99)
-
#243872
#243872
rgb(36,56,114)
-
#284081
#284081
rgb(40,64,129)
-
#2d4790
#2d4790
rgb(45,71,144)
-
#324f9f
#324f9f
rgb(50,79,159)
-
#3656ae
#3656ae
rgb(54,86,174)
-
#3b5dbd
#3b5dbd
rgb(59,93,189)
-
#4668c5
#4668c5
rgb(70,104,197)
-
#5574ca
#5574ca
rgb(85,116,202)
-
#6480ce
#6480ce
rgb(100,128,206)
-
#738cd3
#738cd3
rgb(115,140,211)
-
#8299d8
#8299d8
rgb(130,153,216)
-
#91a5dd
#91a5dd
rgb(145,165,221)
-
#a0b1e1
#a0b1e1
rgb(160,177,225)
-
#afbde6
#afbde6
rgb(175,189,230)
-
#becaeb
#becaeb
rgb(190,202,235)
-
#cdd6ef
#cdd6ef
rgb(205,214,239)
-
#dce2f4
#dce2f4
rgb(220,226,244)
-
#eaeef9
#eaeef9
rgb(234,238,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #1f3163
A tone is produced by adding gray to any pure hue. In this case, #3d3f45 is the less saturated color, while #012381 is the most saturated one.
-
#3d3f45
#3d3f45
rgb(61,63,69)
-
#383d4a
#383d4a
rgb(56,61,74)
-
#333a4f
#333a4f
rgb(51,58,79)
-
#2e3854
#2e3854
rgb(46,56,84)
-
#293659
#293659
rgb(41,54,89)
-
#24335e
#24335e
rgb(36,51,94)
-
#1f3163
#1f3163
rgb(31,49,99)
-
#1a2f68
#1a2f68
rgb(26,47,104)
-
#152c6d
#152c6d
rgb(21,44,109)
-
#102a72
#102a72
rgb(16,42,114)
-
#0b2877
#0b2877
rgb(11,40,119)
-
#06257c
#06257c
rgb(6,37,124)
-
#012381
#012381
rgb(1,35,129)
Color Blindness Simulator
Below, you can see how #1f3163 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.