#1f3366 Color Information
In a RGB color space, hex #1f3366 is composed of 12.2% red, 20% green and 40% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 50% magenta, 0% yellow and 60% black. It has a hue angle of 223.1 degrees, a saturation of 53.4% and a lightness of 26.1%. #1f3366 color hex could be obtained by blending #3e66cc with #000000. Closest websafe color is: #333366.
-
- R 12
- G 20
- B 40
-
- C 70
- M 50
- Y 0
- K 60
● #1f3366 color description : Very dark blue.
#1f3366 Color Conversion
The hexadecimal color #1f3366 has RGB values of R:31, G:51, B:102 and CMYK values of C:0.7, M:0.5, Y:0, K:0.6. Its decimal value is 2044774.
Hex triplet | 1f3366 | #1f3366 |
---|---|---|
RGB Decimal | 31, 51, 102 | rgb(31,51,102) |
RGB Percent | 12.2, 20, 40 | rgb(12.2%,20%,40%) |
CMYK | 70, 50, 0, 60 | |
HSL | 223.1°, 53.4, 26.1 | hsl(223.1,53.4%,26.1%) |
HSV (or HSB) | 223.1°, 69.6, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.366, 10.647, -32.458 |
---|---|
XYZ | 4.147, 3.618, 13.049 |
xyY | 0.199, 0.174, 3.618 |
CIE-LCH | 22.366, 34.16, 288.16 |
CIE-LUV | 22.366, -8.093, -39.133 |
Hunter-Lab | 19.021, 5.627, -27.361 |
Binary | 00011111, 00110011, 01100110 |
Color Schemes with #1f3366
Alternatives to #1f3366
Below, you can see some colors close to #1f3366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3366 Preview
This text has a font color of #1f3366.
<span style="color:#1f3366;">Text here</span>
This paragraph has a background color of #1f3366.
<p style="background-color:#1f3366;">Content here</p>
This element has a border color of #1f3366.
<div style="border:1px solid #1f3366;">Content here</div>
.text {color:#1f3366;}
.background {background-color:#1f3366;}
.border {border:1px solid #1f3366;}
Shades and Tints of #1f3366
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, #04060c is the darkest color, while #fcfcfe is the lightest one.
-
#04060c
#04060c
rgb(4,6,12)
-
#080d1b
#080d1b
rgb(8,13,27)
-
#0d152a
#0d152a
rgb(13,21,42)
-
#111c39
#111c39
rgb(17,28,57)
-
#162448
#162448
rgb(22,36,72)
-
#1a2b57
#1a2b57
rgb(26,43,87)
-
#1f3366
#1f3366
rgb(31,51,102)
-
#243b75
#243b75
rgb(36,59,117)
-
#284284
#284284
rgb(40,66,132)
-
#2d4a93
#2d4a93
rgb(45,74,147)
-
#3151a2
#3151a2
rgb(49,81,162)
-
#3659b1
#3659b1
rgb(54,89,177)
-
#3a60c0
#3a60c0
rgb(58,96,192)
-
#476bc7
#476bc7
rgb(71,107,199)
-
#5677cc
#5677cc
rgb(86,119,204)
-
#6583d0
#6583d0
rgb(101,131,208)
-
#7490d5
#7490d5
rgb(116,144,213)
-
#839cd9
#839cd9
rgb(131,156,217)
-
#92a8de
#92a8de
rgb(146,168,222)
-
#a1b4e3
#a1b4e3
rgb(161,180,227)
-
#b0c0e7
#b0c0e7
rgb(176,192,231)
-
#c0ccec
#c0ccec
rgb(192,204,236)
-
#cfd8f0
#cfd8f0
rgb(207,216,240)
-
#dee4f5
#dee4f5
rgb(222,228,245)
-
#edf0f9
#edf0f9
rgb(237,240,249)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #1f3366
A tone is produced by adding gray to any pure hue. In this case, #3e4047 is the less saturated color, while #002685 is the most saturated one.
-
#3e4047
#3e4047
rgb(62,64,71)
-
#393e4c
#393e4c
rgb(57,62,76)
-
#333c52
#333c52
rgb(51,60,82)
-
#2e3a57
#2e3a57
rgb(46,58,87)
-
#29375c
#29375c
rgb(41,55,92)
-
#243561
#243561
rgb(36,53,97)
-
#1f3366
#1f3366
rgb(31,51,102)
-
#1a316b
#1a316b
rgb(26,49,107)
-
#152f70
#152f70
rgb(21,47,112)
-
#102c75
#102c75
rgb(16,44,117)
-
#0b2a7a
#0b2a7a
rgb(11,42,122)
-
#052880
#052880
rgb(5,40,128)
-
#002685
#002685
rgb(0,38,133)
Color Blindness Simulator
Below, you can see how #1f3366 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.