#1f3166 Color Information
In a RGB color space, hex #1f3166 is composed of 12.2% red, 19.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 52% magenta, 0% yellow and 60% black. It has a hue angle of 224.8 degrees, a saturation of 53.4% and a lightness of 26.1%. #1f3166 color hex could be obtained by blending #3e62cc with #000000. Closest websafe color is: #333366.
-
- R 12
- G 19
- B 40
-
- C 70
- M 52
- Y 0
- K 60
● #1f3166 color description : Very dark blue.
#1f3166 Color Conversion
The hexadecimal color #1f3166 has RGB values of R:31, G:49, B:102 and CMYK values of C:0.7, M:0.52, Y:0, K:0.6. Its decimal value is 2044262.
Hex triplet | 1f3166 | #1f3166 |
---|---|---|
RGB Decimal | 31, 49, 102 | rgb(31,49,102) |
RGB Percent | 12.2, 19.2, 40 | rgb(12.2%,19.2%,40%) |
CMYK | 70, 52, 0, 60 | |
HSL | 224.8°, 53.4, 26.1 | hsl(224.8,53.4%,26.1%) |
HSV (or HSB) | 224.8°, 69.6, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 21.752, 12.076, -33.446 |
---|---|
XYZ | 4.061, 3.447, 13.021 |
xyY | 0.198, 0.168, 3.447 |
CIE-LCH | 21.752, 35.559, 289.853 |
CIE-LUV | 21.752, -7.504, -39.925 |
Hunter-Lab | 18.566, 6.554, -28.586 |
Binary | 00011111, 00110001, 01100110 |
Color Schemes with #1f3166
Alternatives to #1f3166
Below, you can see some colors close to #1f3166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3166 Preview
This text has a font color of #1f3166.
<span style="color:#1f3166;">Text here</span>
This paragraph has a background color of #1f3166.
<p style="background-color:#1f3166;">Content here</p>
This element has a border color of #1f3166.
<div style="border:1px solid #1f3166;">Content here</div>
.text {color:#1f3166;}
.background {background-color:#1f3166;}
.border {border:1px solid #1f3166;}
Shades and Tints of #1f3166
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)
-
#0d142a
#0d142a
rgb(13,20,42)
-
#111b39
#111b39
rgb(17,27,57)
-
#162348
#162348
rgb(22,35,72)
-
#1a2a57
#1a2a57
rgb(26,42,87)
-
#1f3166
#1f3166
rgb(31,49,102)
-
#243875
#243875
rgb(36,56,117)
-
#283f84
#283f84
rgb(40,63,132)
-
#2d4793
#2d4793
rgb(45,71,147)
-
#314ea2
#314ea2
rgb(49,78,162)
-
#3655b1
#3655b1
rgb(54,85,177)
-
#3a5cc0
#3a5cc0
rgb(58,92,192)
-
#4768c7
#4768c7
rgb(71,104,199)
-
#5674cc
#5674cc
rgb(86,116,204)
-
#6580d0
#6580d0
rgb(101,128,208)
-
#748dd5
#748dd5
rgb(116,141,213)
-
#8399d9
#8399d9
rgb(131,153,217)
-
#92a6de
#92a6de
rgb(146,166,222)
-
#a1b2e3
#a1b2e3
rgb(161,178,227)
-
#b0bee7
#b0bee7
rgb(176,190,231)
-
#c0cbec
#c0cbec
rgb(192,203,236)
-
#cfd7f0
#cfd7f0
rgb(207,215,240)
-
#dee4f5
#dee4f5
rgb(222,228,245)
-
#edf0f9
#edf0f9
rgb(237,240,249)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #1f3166
A tone is produced by adding gray to any pure hue. In this case, #3e4047 is the less saturated color, while #002285 is the most saturated one.
-
#3e4047
#3e4047
rgb(62,64,71)
-
#393e4c
#393e4c
rgb(57,62,76)
-
#333b52
#333b52
rgb(51,59,82)
-
#2e3957
#2e3957
rgb(46,57,87)
-
#29365c
#29365c
rgb(41,54,92)
-
#243461
#243461
rgb(36,52,97)
-
#1f3166
#1f3166
rgb(31,49,102)
-
#1a2e6b
#1a2e6b
rgb(26,46,107)
-
#152c70
#152c70
rgb(21,44,112)
-
#102975
#102975
rgb(16,41,117)
-
#0b277a
#0b277a
rgb(11,39,122)
-
#052480
#052480
rgb(5,36,128)
-
#002285
#002285
rgb(0,34,133)
Color Blindness Simulator
Below, you can see how #1f3166 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.