#2f5586 Color Information
In a RGB color space, hex #2f5586 is composed of 18.4% red, 33.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 36.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 213.8 degrees, a saturation of 48.1% and a lightness of 35.5%. #2f5586 color hex could be obtained by blending #5eaaff with #00000d. Closest websafe color is: #336699.
-
- R 18
- G 33
- B 53
-
- C 65
- M 37
- Y 0
- K 47
● #2f5586 color description : Dark moderate blue.
#2f5586 Color Conversion
The hexadecimal color #2f5586 has RGB values of R:47, G:85, B:134 and CMYK values of C:0.65, M:0.37, Y:0, K:0.47. Its decimal value is 3102086.
Hex triplet | 2f5586 | #2f5586 |
---|---|---|
RGB Decimal | 47, 85, 134 | rgb(47,85,134) |
RGB Percent | 18.4, 33.3, 52.5 | rgb(18.4%,33.3%,52.5%) |
CMYK | 65, 37, 0, 47 | |
HSL | 213.8°, 48.1, 35.5 | hsl(213.8,48.1%,35.5%) |
HSV (or HSB) | 213.8°, 64.9, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.639, 2.95, -31.437 |
---|---|
XYZ | 8.723, 8.822, 23.796 |
xyY | 0.211, 0.213, 8.822 |
CIE-LCH | 35.639, 31.575, 275.361 |
CIE-LUV | 35.639, -15.567, -43.827 |
Hunter-Lab | 29.702, 0.444, -26.71 |
Binary | 00101111, 01010101, 10000110 |
Color Schemes with #2f5586
Alternatives to #2f5586
Below, you can see some colors close to #2f5586. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5586 Preview
This text has a font color of #2f5586.
<span style="color:#2f5586;">Text here</span>
This paragraph has a background color of #2f5586.
<p style="background-color:#2f5586;">Content here</p>
This element has a border color of #2f5586.
<div style="border:1px solid #2f5586;">Content here</div>
.text {color:#2f5586;}
.background {background-color:#2f5586;}
.border {border:1px solid #2f5586;}
Shades and Tints of #2f5586
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, #010203 is the darkest color, while #f4f7fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060b12
#060b12
rgb(6,11,18)
-
#0b1520
#0b1520
rgb(11,21,32)
-
#101e2f
#101e2f
rgb(16,30,47)
-
#16273d
#16273d
rgb(22,39,61)
-
#1b304c
#1b304c
rgb(27,48,76)
-
#20395a
#20395a
rgb(32,57,90)
-
#254369
#254369
rgb(37,67,105)
-
#2a4c77
#2a4c77
rgb(42,76,119)
-
#2f5586
#2f5586
rgb(47,85,134)
-
#345e95
#345e95
rgb(52,94,149)
-
#3967a3
#3967a3
rgb(57,103,163)
-
#3e71b2
#3e71b2
rgb(62,113,178)
-
#467abe
#467abe
rgb(70,122,190)
-
#5485c3
#5485c3
rgb(84,133,195)
-
#638fc8
#638fc8
rgb(99,143,200)
-
#7199cd
#7199cd
rgb(113,153,205)
-
#80a4d2
#80a4d2
rgb(128,164,210)
-
#8eaed7
#8eaed7
rgb(142,174,215)
-
#9db9dd
#9db9dd
rgb(157,185,221)
-
#abc3e2
#abc3e2
rgb(171,195,226)
-
#bacde7
#bacde7
rgb(186,205,231)
-
#c8d8ec
#c8d8ec
rgb(200,216,236)
-
#d7e2f1
#d7e2f1
rgb(215,226,241)
-
#e5edf6
#e5edf6
rgb(229,237,246)
-
#f4f7fb
#f4f7fb
rgb(244,247,251)
Tones of #2f5586
A tone is produced by adding gray to any pure hue. In this case, #595a5c is the less saturated color, while #0550b0 is the most saturated one.
-
#595a5c
#595a5c
rgb(89,90,92)
-
#525963
#525963
rgb(82,89,99)
-
#4b596a
#4b596a
rgb(75,89,106)
-
#445871
#445871
rgb(68,88,113)
-
#3d5778
#3d5778
rgb(61,87,120)
-
#36567f
#36567f
rgb(54,86,127)
-
#2f5586
#2f5586
rgb(47,85,134)
-
#28548d
#28548d
rgb(40,84,141)
-
#215394
#215394
rgb(33,83,148)
-
#1a529b
#1a529b
rgb(26,82,155)
-
#1351a2
#1351a2
rgb(19,81,162)
-
#0c51a9
#0c51a9
rgb(12,81,169)
-
#0550b0
#0550b0
rgb(5,80,176)
Color Blindness Simulator
Below, you can see how #2f5586 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.