#1f5366 Color Information
In a RGB color space, hex #1f5366 is composed of 12.2% red, 32.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 18.6% magenta, 0% yellow and 60% black. It has a hue angle of 196.1 degrees, a saturation of 53.4% and a lightness of 26.1%. #1f5366 color hex could be obtained by blending #3ea6cc with #000000. Closest websafe color is: #336666.
-
- R 12
- G 33
- B 40
-
- C 70
- M 19
- Y 0
- K 60
● #1f5366 color description : Very dark blue.
#1f5366 Color Conversion
The hexadecimal color #1f5366 has RGB values of R:31, G:83, B:102 and CMYK values of C:0.7, M:0.19, Y:0, K:0.6. Its decimal value is 2052966.
Hex triplet | 1f5366 | #1f5366 |
---|---|---|
RGB Decimal | 31, 83, 102 | rgb(31,83,102) |
RGB Percent | 12.2, 32.5, 40 | rgb(12.2%,32.5%,40%) |
CMYK | 70, 19, 0, 60 | |
HSL | 196.1°, 53.4, 26.1 | hsl(196.1,53.4%,26.1%) |
HSV (or HSB) | 196.1°, 69.6, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.781, -10.56, -16.08 |
---|---|
XYZ | 6.056, 7.437, 13.686 |
xyY | 0.223, 0.274, 7.437 |
CIE-LCH | 32.781, 19.237, 236.707 |
CIE-LUV | 32.781, -19.247, -19.816 |
Hunter-Lab | 27.27, -8.083, -10.666 |
Binary | 00011111, 01010011, 01100110 |
Color Schemes with #1f5366
Alternatives to #1f5366
Below, you can see some colors close to #1f5366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f5366 Preview
This text has a font color of #1f5366.
<span style="color:#1f5366;">Text here</span>
This paragraph has a background color of #1f5366.
<p style="background-color:#1f5366;">Content here</p>
This element has a border color of #1f5366.
<div style="border:1px solid #1f5366;">Content here</div>
.text {color:#1f5366;}
.background {background-color:#1f5366;}
.border {border:1px solid #1f5366;}
Shades and Tints of #1f5366
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, #040a0c is the darkest color, while #fcfdfe is the lightest one.
-
#040a0c
#040a0c
rgb(4,10,12)
-
#08161b
#08161b
rgb(8,22,27)
-
#0d222a
#0d222a
rgb(13,34,42)
-
#112e39
#112e39
rgb(17,46,57)
-
#163b48
#163b48
rgb(22,59,72)
-
#1a4757
#1a4757
rgb(26,71,87)
-
#1f5366
#1f5366
rgb(31,83,102)
-
#245f75
#245f75
rgb(36,95,117)
-
#286b84
#286b84
rgb(40,107,132)
-
#2d7893
#2d7893
rgb(45,120,147)
-
#3184a2
#3184a2
rgb(49,132,162)
-
#3690b1
#3690b1
rgb(54,144,177)
-
#3a9cc0
#3a9cc0
rgb(58,156,192)
-
#47a5c7
#47a5c7
rgb(71,165,199)
-
#56accc
#56accc
rgb(86,172,204)
-
#65b4d0
#65b4d0
rgb(101,180,208)
-
#74bbd5
#74bbd5
rgb(116,187,213)
-
#83c2d9
#83c2d9
rgb(131,194,217)
-
#92cade
#92cade
rgb(146,202,222)
-
#a1d1e3
#a1d1e3
rgb(161,209,227)
-
#b0d9e7
#b0d9e7
rgb(176,217,231)
-
#c0e0ec
#c0e0ec
rgb(192,224,236)
-
#cfe7f0
#cfe7f0
rgb(207,231,240)
-
#deeff5
#deeff5
rgb(222,239,245)
-
#edf6f9
#edf6f9
rgb(237,246,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #1f5366
A tone is produced by adding gray to any pure hue. In this case, #3e4547 is the less saturated color, while #006185 is the most saturated one.
-
#3e4547
#3e4547
rgb(62,69,71)
-
#39474c
#39474c
rgb(57,71,76)
-
#334952
#334952
rgb(51,73,82)
-
#2e4c57
#2e4c57
rgb(46,76,87)
-
#294e5c
#294e5c
rgb(41,78,92)
-
#245161
#245161
rgb(36,81,97)
-
#1f5366
#1f5366
rgb(31,83,102)
-
#1a556b
#1a556b
rgb(26,85,107)
-
#155870
#155870
rgb(21,88,112)
-
#105a75
#105a75
rgb(16,90,117)
-
#0b5d7a
#0b5d7a
rgb(11,93,122)
-
#055f80
#055f80
rgb(5,95,128)
-
#006185
#006185
rgb(0,97,133)
Color Blindness Simulator
Below, you can see how #1f5366 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.