#1f3363 Color Information
In a RGB color space, hex #1f3363 is composed of 12.2% red, 20% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 48.5% magenta, 0% yellow and 61.2% black. It has a hue angle of 222.4 degrees, a saturation of 52.3% and a lightness of 25.5%. #1f3363 color hex could be obtained by blending #3e66c6 with #000000. Closest websafe color is: #333366.
-
- R 12
- G 20
- B 39
-
- C 69
- M 48
- Y 0
- K 61
● #1f3363 color description : Very dark blue.
#1f3363 Color Conversion
The hexadecimal color #1f3363 has RGB values of R:31, G:51, B:99 and CMYK values of C:0.69, M:0.48, Y:0, K:0.61. Its decimal value is 2044771.
Hex triplet | 1f3363 | #1f3363 |
---|---|---|
RGB Decimal | 31, 51, 99 | rgb(31,51,99) |
RGB Percent | 12.2, 20, 38.8 | rgb(12.2%,20%,38.8%) |
CMYK | 69, 48, 0, 61 | |
HSL | 222.4°, 52.3, 25.5 | hsl(222.4,52.3%,25.5%) |
HSV (or HSB) | 222.4°, 68.7, 38.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.158, 9.45, -30.839 |
---|---|
XYZ | 4.001, 3.56, 12.28 |
xyY | 0.202, 0.179, 3.56 |
CIE-LCH | 22.158, 32.254, 287.036 |
CIE-LUV | 22.158, -8.073, -36.979 |
Hunter-Lab | 18.867, 4.832, -25.384 |
Binary | 00011111, 00110011, 01100011 |
Color Schemes with #1f3363
Alternatives to #1f3363
Below, you can see some colors close to #1f3363. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3363 Preview
This text has a font color of #1f3363.
<span style="color:#1f3363;">Text here</span>
This paragraph has a background color of #1f3363.
<p style="background-color:#1f3363;">Content here</p>
This element has a border color of #1f3363.
<div style="border:1px solid #1f3363;">Content here</div>
.text {color:#1f3363;}
.background {background-color:#1f3363;}
.border {border:1px solid #1f3363;}
Shades and Tints of #1f3363
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 #f9fbfd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#080d18
#080d18
rgb(8,13,24)
-
#0c1427
#0c1427
rgb(12,20,39)
-
#111c36
#111c36
rgb(17,28,54)
-
#162445
#162445
rgb(22,36,69)
-
#1a2b54
#1a2b54
rgb(26,43,84)
-
#1f3363
#1f3363
rgb(31,51,99)
-
#243b72
#243b72
rgb(36,59,114)
-
#284281
#284281
rgb(40,66,129)
-
#2d4a90
#2d4a90
rgb(45,74,144)
-
#32529f
#32529f
rgb(50,82,159)
-
#3659ae
#3659ae
rgb(54,89,174)
-
#3b61bd
#3b61bd
rgb(59,97,189)
-
#466cc5
#466cc5
rgb(70,108,197)
-
#5577ca
#5577ca
rgb(85,119,202)
-
#6483ce
#6483ce
rgb(100,131,206)
-
#738fd3
#738fd3
rgb(115,143,211)
-
#829bd8
#829bd8
rgb(130,155,216)
-
#91a7dd
#91a7dd
rgb(145,167,221)
-
#a0b3e1
#a0b3e1
rgb(160,179,225)
-
#afbfe6
#afbfe6
rgb(175,191,230)
-
#becbeb
#becbeb
rgb(190,203,235)
-
#cdd7ef
#cdd7ef
rgb(205,215,239)
-
#dce3f4
#dce3f4
rgb(220,227,244)
-
#eaeff9
#eaeff9
rgb(234,239,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #1f3363
A tone is produced by adding gray to any pure hue. In this case, #3d3f45 is the less saturated color, while #012781 is the most saturated one.
-
#3d3f45
#3d3f45
rgb(61,63,69)
-
#383d4a
#383d4a
rgb(56,61,74)
-
#333b4f
#333b4f
rgb(51,59,79)
-
#2e3954
#2e3954
rgb(46,57,84)
-
#293759
#293759
rgb(41,55,89)
-
#24355e
#24355e
rgb(36,53,94)
-
#1f3363
#1f3363
rgb(31,51,99)
-
#1a3168
#1a3168
rgb(26,49,104)
-
#152f6d
#152f6d
rgb(21,47,109)
-
#102d72
#102d72
rgb(16,45,114)
-
#0b2b77
#0b2b77
rgb(11,43,119)
-
#06297c
#06297c
rgb(6,41,124)
-
#012781
#012781
rgb(1,39,129)
Color Blindness Simulator
Below, you can see how #1f3363 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.