#1f3557 Color Information
In a RGB color space, hex #1f3557 is composed of 12.2% red, 20.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 39.1% magenta, 0% yellow and 65.9% black. It has a hue angle of 216.4 degrees, a saturation of 47.5% and a lightness of 23.1%. #1f3557 color hex could be obtained by blending #3e6aae with #000000. Closest websafe color is: #333366.
-
- R 12
- G 21
- B 34
-
- C 64
- M 39
- Y 0
- K 66
● #1f3557 color description : Very dark blue.
#1f3557 Color Conversion
The hexadecimal color #1f3557 has RGB values of R:31, G:53, B:87 and CMYK values of C:0.64, M:0.39, Y:0, K:0.66. Its decimal value is 2045271.
Hex triplet | 1f3557 | #1f3557 |
---|---|---|
RGB Decimal | 31, 53, 87 | rgb(31,53,87) |
RGB Percent | 12.2, 20.8, 34.1 | rgb(12.2%,20.8%,34.1%) |
CMYK | 64, 39, 0, 66 | |
HSL | 216.4°, 47.5, 23.1 | hsl(216.4,47.5%,23.1%) |
HSV (or HSB) | 216.4°, 64.4, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.036, 3.313, -23.155 |
---|---|
XYZ | 3.558, 3.525, 9.509 |
xyY | 0.214, 0.212, 3.525 |
CIE-LCH | 22.036, 23.391, 278.143 |
CIE-LUV | 22.036, -8.69, -27.189 |
Hunter-Lab | 18.776, 0.968, -16.885 |
Binary | 00011111, 00110101, 01010111 |
Color Schemes with #1f3557
Alternatives to #1f3557
Below, you can see some colors close to #1f3557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f3557 Preview
This text has a font color of #1f3557.
<span style="color:#1f3557;">Text here</span>
This paragraph has a background color of #1f3557.
<p style="background-color:#1f3557;">Content here</p>
This element has a border color of #1f3557.
<div style="border:1px solid #1f3557;">Content here</div>
.text {color:#1f3557;}
.background {background-color:#1f3557;}
.border {border:1px solid #1f3557;}
Shades and Tints of #1f3557
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 #f1f4fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#05090f
#05090f
rgb(5,9,15)
-
#0a121d
#0a121d
rgb(10,18,29)
-
#101b2c
#101b2c
rgb(16,27,44)
-
#15233a
#15233a
rgb(21,35,58)
-
#1a2c49
#1a2c49
rgb(26,44,73)
-
#1f3557
#1f3557
rgb(31,53,87)
-
#243e65
#243e65
rgb(36,62,101)
-
#294774
#294774
rgb(41,71,116)
-
#2e4f82
#2e4f82
rgb(46,79,130)
-
#345891
#345891
rgb(52,88,145)
-
#39619f
#39619f
rgb(57,97,159)
-
#3e6aae
#3e6aae
rgb(62,106,174)
-
#4373bc
#4373bc
rgb(67,115,188)
-
#527ec1
#527ec1
rgb(82,126,193)
-
#6088c6
#6088c6
rgb(96,136,198)
-
#6f93cc
#6f93cc
rgb(111,147,204)
-
#7d9ed1
#7d9ed1
rgb(125,158,209)
-
#8ca9d6
#8ca9d6
rgb(140,169,214)
-
#9ab4db
#9ab4db
rgb(154,180,219)
-
#a8bee0
#a8bee0
rgb(168,190,224)
-
#b7c9e5
#b7c9e5
rgb(183,201,229)
-
#c5d4ea
#c5d4ea
rgb(197,212,234)
-
#d4dff0
#d4dff0
rgb(212,223,240)
-
#e2eaf5
#e2eaf5
rgb(226,234,245)
-
#f1f4fa
#f1f4fa
rgb(241,244,250)
Tones of #1f3557
A tone is produced by adding gray to any pure hue. In this case, #3a3b3c is the less saturated color, while #042f72 is the most saturated one.
-
#3a3b3c
#3a3b3c
rgb(58,59,60)
-
#363a40
#363a40
rgb(54,58,64)
-
#313945
#313945
rgb(49,57,69)
-
#2d3849
#2d3849
rgb(45,56,73)
-
#28374e
#28374e
rgb(40,55,78)
-
#243652
#243652
rgb(36,54,82)
-
#1f3557
#1f3557
rgb(31,53,87)
-
#1a345c
#1a345c
rgb(26,52,92)
-
#163360
#163360
rgb(22,51,96)
-
#113265
#113265
rgb(17,50,101)
-
#0d3169
#0d3169
rgb(13,49,105)
-
#08306e
#08306e
rgb(8,48,110)
-
#042f72
#042f72
rgb(4,47,114)
Color Blindness Simulator
Below, you can see how #1f3557 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.