#1f5166 Color Information
In a RGB color space, hex #1f5166 is composed of 12.2% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 20.6% magenta, 0% yellow and 60% black. It has a hue angle of 197.7 degrees, a saturation of 53.4% and a lightness of 26.1%. #1f5166 color hex could be obtained by blending #3ea2cc with #000000. Closest websafe color is: #336666.
-
- R 12
- G 32
- B 40
-
- C 70
- M 21
- Y 0
- K 60
● #1f5166 color description : Very dark blue.
#1f5166 Color Conversion
The hexadecimal color #1f5166 has RGB values of R:31, G:81, B:102 and CMYK values of C:0.7, M:0.21, Y:0, K:0.6. Its decimal value is 2052454.
Hex triplet | 1f5166 | #1f5166 |
---|---|---|
RGB Decimal | 31, 81, 102 | rgb(31,81,102) |
RGB Percent | 12.2, 31.8, 40 | rgb(12.2%,31.8%,40%) |
CMYK | 70, 21, 0, 60 | |
HSL | 197.7°, 53.4, 26.1 | hsl(197.7,53.4%,26.1%) |
HSV (or HSB) | 197.7°, 69.6, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.112, -9.349, -17.11 |
---|---|
XYZ | 5.905, 7.135, 13.636 |
xyY | 0.221, 0.267, 7.135 |
CIE-LCH | 32.112, 19.497, 241.347 |
CIE-LUV | 32.112, -18.492, -21.255 |
Hunter-Lab | 26.711, -7.284, -11.568 |
Binary | 00011111, 01010001, 01100110 |
Color Schemes with #1f5166
Alternatives to #1f5166
Below, you can see some colors close to #1f5166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f5166 Preview
This text has a font color of #1f5166.
<span style="color:#1f5166;">Text here</span>
This paragraph has a background color of #1f5166.
<p style="background-color:#1f5166;">Content here</p>
This element has a border color of #1f5166.
<div style="border:1px solid #1f5166;">Content here</div>
.text {color:#1f5166;}
.background {background-color:#1f5166;}
.border {border:1px solid #1f5166;}
Shades and Tints of #1f5166
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, #04090c is the darkest color, while #fcfdfe is the lightest one.
-
#04090c
#04090c
rgb(4,9,12)
-
#08151b
#08151b
rgb(8,21,27)
-
#0d212a
#0d212a
rgb(13,33,42)
-
#112d39
#112d39
rgb(17,45,57)
-
#163948
#163948
rgb(22,57,72)
-
#1a4557
#1a4557
rgb(26,69,87)
-
#1f5166
#1f5166
rgb(31,81,102)
-
#245d75
#245d75
rgb(36,93,117)
-
#286984
#286984
rgb(40,105,132)
-
#2d7593
#2d7593
rgb(45,117,147)
-
#3181a2
#3181a2
rgb(49,129,162)
-
#368db1
#368db1
rgb(54,141,177)
-
#3a99c0
#3a99c0
rgb(58,153,192)
-
#47a1c7
#47a1c7
rgb(71,161,199)
-
#56a9cc
#56a9cc
rgb(86,169,204)
-
#65b1d0
#65b1d0
rgb(101,177,208)
-
#74b8d5
#74b8d5
rgb(116,184,213)
-
#83c0d9
#83c0d9
rgb(131,192,217)
-
#92c8de
#92c8de
rgb(146,200,222)
-
#a1cfe3
#a1cfe3
rgb(161,207,227)
-
#b0d7e7
#b0d7e7
rgb(176,215,231)
-
#c0dfec
#c0dfec
rgb(192,223,236)
-
#cfe6f0
#cfe6f0
rgb(207,230,240)
-
#deeef5
#deeef5
rgb(222,238,245)
-
#edf6f9
#edf6f9
rgb(237,246,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #1f5166
A tone is produced by adding gray to any pure hue. In this case, #3e4447 is the less saturated color, while #005e85 is the most saturated one.
-
#3e4447
#3e4447
rgb(62,68,71)
-
#39474c
#39474c
rgb(57,71,76)
-
#334952
#334952
rgb(51,73,82)
-
#2e4b57
#2e4b57
rgb(46,75,87)
-
#294d5c
#294d5c
rgb(41,77,92)
-
#244f61
#244f61
rgb(36,79,97)
-
#1f5166
#1f5166
rgb(31,81,102)
-
#1a536b
#1a536b
rgb(26,83,107)
-
#155570
#155570
rgb(21,85,112)
-
#105775
#105775
rgb(16,87,117)
-
#0b597a
#0b597a
rgb(11,89,122)
-
#055b80
#055b80
rgb(5,91,128)
-
#005e85
#005e85
rgb(0,94,133)
Color Blindness Simulator
Below, you can see how #1f5166 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.