#1f557b Color Information
In a RGB color space, hex #1f557b is composed of 12.2% red, 33.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 30.9% magenta, 0% yellow and 51.8% black. It has a hue angle of 204.8 degrees, a saturation of 59.7% and a lightness of 30.2%. #1f557b color hex could be obtained by blending #3eaaf6 with #000000. Closest websafe color is: #336666.
-
- R 12
- G 33
- B 48
-
- C 75
- M 31
- Y 0
- K 52
● #1f557b color description : Dark blue.
#1f557b Color Conversion
The hexadecimal color #1f557b has RGB values of R:31, G:85, B:123 and CMYK values of C:0.75, M:0.31, Y:0, K:0.52. Its decimal value is 2053499.
Hex triplet | 1f557b | #1f557b |
---|---|---|
RGB Decimal | 31, 85, 123 | rgb(31,85,123) |
RGB Percent | 12.2, 33.3, 48.2 | rgb(12.2%,33.3%,48.2%) |
CMYK | 75, 31, 0, 52 | |
HSL | 204.8°, 59.7, 30.2 | hsl(204.8,59.7%,30.2%) |
HSV (or HSB) | 204.8°, 74.8, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.432, -3.996, -26.613 |
---|---|
XYZ | 7.388, 8.218, 19.935 |
xyY | 0.208, 0.231, 8.218 |
CIE-LCH | 34.432, 26.911, 261.46 |
CIE-LUV | 34.432, -19.105, -35.814 |
Hunter-Lab | 28.667, -4.164, -21.163 |
Binary | 00011111, 01010101, 01111011 |
Color Schemes with #1f557b
Alternatives to #1f557b
Below, you can see some colors close to #1f557b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f557b Preview
This text has a font color of #1f557b.
<span style="color:#1f557b;">Text here</span>
This paragraph has a background color of #1f557b.
<p style="background-color:#1f557b;">Content here</p>
This element has a border color of #1f557b.
<div style="border:1px solid #1f557b;">Content here</div>
.text {color:#1f557b;}
.background {background-color:#1f557b;}
.border {border:1px solid #1f557b;}
Shades and Tints of #1f557b
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, #03090d is the darkest color, while #fdfefe is the lightest one.
-
#03090d
#03090d
rgb(3,9,13)
-
#07141d
#07141d
rgb(7,20,29)
-
#0b1f2d
#0b1f2d
rgb(11,31,45)
-
#0f2a3c
#0f2a3c
rgb(15,42,60)
-
#13354c
#13354c
rgb(19,53,76)
-
#173f5c
#173f5c
rgb(23,63,92)
-
#1b4a6b
#1b4a6b
rgb(27,74,107)
-
#1f557b
#1f557b
rgb(31,85,123)
-
#23608b
#23608b
rgb(35,96,139)
-
#276b9a
#276b9a
rgb(39,107,154)
-
#2b75aa
#2b75aa
rgb(43,117,170)
-
#2f80ba
#2f80ba
rgb(47,128,186)
-
#338bc9
#338bc9
rgb(51,139,201)
-
#4194cf
#4194cf
rgb(65,148,207)
-
#509dd3
#509dd3
rgb(80,157,211)
-
#60a6d7
#60a6d7
rgb(96,166,215)
-
#70afdb
#70afdb
rgb(112,175,219)
-
#7fb7df
#7fb7df
rgb(127,183,223)
-
#8fc0e3
#8fc0e3
rgb(143,192,227)
-
#9fc9e7
#9fc9e7
rgb(159,201,231)
-
#aed2eb
#aed2eb
rgb(174,210,235)
-
#bedbef
#bedbef
rgb(190,219,239)
-
#cee3f3
#cee3f3
rgb(206,227,243)
-
#ddecf7
#ddecf7
rgb(221,236,247)
-
#edf5fa
#edf5fa
rgb(237,245,250)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #1f557b
A tone is produced by adding gray to any pure hue. In this case, #484e52 is the less saturated color, while #015a99 is the most saturated one.
-
#484e52
#484e52
rgb(72,78,82)
-
#434f57
#434f57
rgb(67,79,87)
-
#3d505d
#3d505d
rgb(61,80,93)
-
#375163
#375163
rgb(55,81,99)
-
#315269
#315269
rgb(49,82,105)
-
#2b536f
#2b536f
rgb(43,83,111)
-
#255475
#255475
rgb(37,84,117)
-
#1f557b
#1f557b
rgb(31,85,123)
-
#195681
#195681
rgb(25,86,129)
-
#135787
#135787
rgb(19,87,135)
-
#0d588d
#0d588d
rgb(13,88,141)
-
#075993
#075993
rgb(7,89,147)
-
#015a99
#015a99
rgb(1,90,153)
Color Blindness Simulator
Below, you can see how #1f557b 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.