#1f4557 Color Information
In a RGB color space, hex #1f4557 is composed of 12.2% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 20.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 199.3 degrees, a saturation of 47.5% and a lightness of 23.1%. #1f4557 color hex could be obtained by blending #3e8aae with #000000. Closest websafe color is: #333366.
-
- R 12
- G 27
- B 34
-
- C 64
- M 21
- Y 0
- K 66
● #1f4557 color description : Very dark blue.
#1f4557 Color Conversion
The hexadecimal color #1f4557 has RGB values of R:31, G:69, B:87 and CMYK values of C:0.64, M:0.21, Y:0, K:0.66. Its decimal value is 2049367.
Hex triplet | 1f4557 | #1f4557 |
---|---|---|
RGB Decimal | 31, 69, 87 | rgb(31,69,87) |
RGB Percent | 12.2, 27.1, 34.1 | rgb(12.2%,27.1%,34.1%) |
CMYK | 64, 21, 0, 66 | |
HSL | 199.3°, 47.5, 23.1 | hsl(199.3,47.5%,23.1%) |
HSV (or HSB) | 199.3°, 64.4, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.395, -7.338, -14.793 |
---|---|
XYZ | 4.413, 5.235, 9.794 |
xyY | 0.227, 0.269, 5.235 |
CIE-LCH | 27.395, 16.513, 243.616 |
CIE-LUV | 27.395, -14.491, -17.401 |
Hunter-Lab | 22.881, -5.614, -9.363 |
Binary | 00011111, 01000101, 01010111 |
Color Schemes with #1f4557
Alternatives to #1f4557
Below, you can see some colors close to #1f4557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f4557 Preview
This text has a font color of #1f4557.
<span style="color:#1f4557;">Text here</span>
This paragraph has a background color of #1f4557.
<p style="background-color:#1f4557;">Content here</p>
This element has a border color of #1f4557.
<div style="border:1px solid #1f4557;">Content here</div>
.text {color:#1f4557;}
.background {background-color:#1f4557;}
.border {border:1px solid #1f4557;}
Shades and Tints of #1f4557
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, #000000 is the darkest color, while #f1f7fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050c0f
#050c0f
rgb(5,12,15)
-
#0a171d
#0a171d
rgb(10,23,29)
-
#10232c
#10232c
rgb(16,35,44)
-
#152e3a
#152e3a
rgb(21,46,58)
-
#1a3a49
#1a3a49
rgb(26,58,73)
-
#1f4557
#1f4557
rgb(31,69,87)
-
#245065
#245065
rgb(36,80,101)
-
#295c74
#295c74
rgb(41,92,116)
-
#2e6782
#2e6782
rgb(46,103,130)
-
#347391
#347391
rgb(52,115,145)
-
#397e9f
#397e9f
rgb(57,126,159)
-
#3e8aae
#3e8aae
rgb(62,138,174)
-
#4395bc
#4395bc
rgb(67,149,188)
-
#529dc1
#529dc1
rgb(82,157,193)
-
#60a6c6
#60a6c6
rgb(96,166,198)
-
#6faecc
#6faecc
rgb(111,174,204)
-
#7db6d1
#7db6d1
rgb(125,182,209)
-
#8cbed6
#8cbed6
rgb(140,190,214)
-
#9ac6db
#9ac6db
rgb(154,198,219)
-
#a8cee0
#a8cee0
rgb(168,206,224)
-
#b7d6e5
#b7d6e5
rgb(183,214,229)
-
#c5dfea
#c5dfea
rgb(197,223,234)
-
#d4e7f0
#d4e7f0
rgb(212,231,240)
-
#e2eff5
#e2eff5
rgb(226,239,245)
-
#f1f7fa
#f1f7fa
rgb(241,247,250)
Tones of #1f4557
A tone is produced by adding gray to any pure hue. In this case, #3a3b3c is the less saturated color, while #044f72 is the most saturated one.
-
#3a3b3c
#3a3b3c
rgb(58,59,60)
-
#363d40
#363d40
rgb(54,61,64)
-
#313f45
#313f45
rgb(49,63,69)
-
#2d4049
#2d4049
rgb(45,64,73)
-
#28424e
#28424e
rgb(40,66,78)
-
#244352
#244352
rgb(36,67,82)
-
#1f4557
#1f4557
rgb(31,69,87)
-
#1a475c
#1a475c
rgb(26,71,92)
-
#164860
#164860
rgb(22,72,96)
-
#114a65
#114a65
rgb(17,74,101)
-
#0d4b69
#0d4b69
rgb(13,75,105)
-
#084d6e
#084d6e
rgb(8,77,110)
-
#044f72
#044f72
rgb(4,79,114)
Color Blindness Simulator
Below, you can see how #1f4557 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.