#1f4563 Color Information
In a RGB color space, hex #1f4563 is composed of 12.2% red, 27.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 30.3% magenta, 0% yellow and 61.2% black. It has a hue angle of 206.5 degrees, a saturation of 52.3% and a lightness of 25.5%. #1f4563 color hex could be obtained by blending #3e8ac6 with #000000. Closest websafe color is: #333366.
-
- R 12
- G 27
- B 39
-
- C 69
- M 30
- Y 0
- K 61
● #1f4563 color description : Very dark blue.
#1f4563 Color Conversion
The hexadecimal color #1f4563 has RGB values of R:31, G:69, B:99 and CMYK values of C:0.69, M:0.3, Y:0, K:0.61. Its decimal value is 2049379.
Hex triplet | 1f4563 | #1f4563 |
---|---|---|
RGB Decimal | 31, 69, 99 | rgb(31,69,99) |
RGB Percent | 12.2, 27.1, 38.8 | rgb(12.2%,27.1%,38.8%) |
CMYK | 69, 30, 0, 61 | |
HSL | 206.5°, 52.3, 25.5 | hsl(206.5,52.3%,25.5%) |
HSV (or HSB) | 206.5°, 68.7, 38.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.975, -2.892, -21.629 |
---|---|
XYZ | 4.945, 5.448, 12.595 |
xyY | 0.215, 0.237, 5.448 |
CIE-LCH | 27.975, 21.822, 262.384 |
CIE-LUV | 27.975, -14.149, -27.036 |
Hunter-Lab | 23.341, -3.032, -15.654 |
Binary | 00011111, 01000101, 01100011 |
Color Schemes with #1f4563
Alternatives to #1f4563
Below, you can see some colors close to #1f4563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f4563 Preview
This text has a font color of #1f4563.
<span style="color:#1f4563;">Text here</span>
This paragraph has a background color of #1f4563.
<p style="background-color:#1f4563;">Content here</p>
This element has a border color of #1f4563.
<div style="border:1px solid #1f4563;">Content here</div>
.text {color:#1f4563;}
.background {background-color:#1f4563;}
.border {border:1px solid #1f4563;}
Shades and Tints of #1f4563
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, #030709 is the darkest color, while #f9fcfd is the lightest one.
-
#030709
#030709
rgb(3,7,9)
-
#081118
#081118
rgb(8,17,24)
-
#0c1b27
#0c1b27
rgb(12,27,39)
-
#112636
#112636
rgb(17,38,54)
-
#163045
#163045
rgb(22,48,69)
-
#1a3b54
#1a3b54
rgb(26,59,84)
-
#1f4563
#1f4563
rgb(31,69,99)
-
#244f72
#244f72
rgb(36,79,114)
-
#285a81
#285a81
rgb(40,90,129)
-
#2d6490
#2d6490
rgb(45,100,144)
-
#326f9f
#326f9f
rgb(50,111,159)
-
#3679ae
#3679ae
rgb(54,121,174)
-
#3b83bd
#3b83bd
rgb(59,131,189)
-
#468dc5
#468dc5
rgb(70,141,197)
-
#5596ca
#5596ca
rgb(85,150,202)
-
#64a0ce
#64a0ce
rgb(100,160,206)
-
#73a9d3
#73a9d3
rgb(115,169,211)
-
#82b2d8
#82b2d8
rgb(130,178,216)
-
#91bbdd
#91bbdd
rgb(145,187,221)
-
#a0c4e1
#a0c4e1
rgb(160,196,225)
-
#afcee6
#afcee6
rgb(175,206,230)
-
#bed7eb
#bed7eb
rgb(190,215,235)
-
#cde0ef
#cde0ef
rgb(205,224,239)
-
#dce9f4
#dce9f4
rgb(220,233,244)
-
#eaf2f9
#eaf2f9
rgb(234,242,249)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #1f4563
A tone is produced by adding gray to any pure hue. In this case, #3d4145 is the less saturated color, while #014981 is the most saturated one.
-
#3d4145
#3d4145
rgb(61,65,69)
-
#38424a
#38424a
rgb(56,66,74)
-
#33434f
#33434f
rgb(51,67,79)
-
#2e4354
#2e4354
rgb(46,67,84)
-
#294459
#294459
rgb(41,68,89)
-
#24445e
#24445e
rgb(36,68,94)
-
#1f4563
#1f4563
rgb(31,69,99)
-
#1a4668
#1a4668
rgb(26,70,104)
-
#15466d
#15466d
rgb(21,70,109)
-
#104772
#104772
rgb(16,71,114)
-
#0b4777
#0b4777
rgb(11,71,119)
-
#06487c
#06487c
rgb(6,72,124)
-
#014981
#014981
rgb(1,73,129)
Color Blindness Simulator
Below, you can see how #1f4563 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.