#2f556c Color Information
In a RGB color space, hex #2f556c is composed of 18.4% red, 33.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 21.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 202.6 degrees, a saturation of 39.4% and a lightness of 30.4%. #2f556c color hex could be obtained by blending #5eaad8 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 42
-
- C 56
- M 21
- Y 0
- K 58
● #2f556c color description : Very dark desaturated blue.
#2f556c Color Conversion
The hexadecimal color #2f556c has RGB values of R:47, G:85, B:108 and CMYK values of C:0.56, M:0.21, Y:0, K:0.58. Its decimal value is 3102060.
Hex triplet | 2f556c | #2f556c |
---|---|---|
RGB Decimal | 47, 85, 108 | rgb(47,85,108) |
RGB Percent | 18.4, 33.3, 42.4 | rgb(18.4%,33.3%,42.4%) |
CMYK | 56, 21, 0, 58 | |
HSL | 202.6°, 39.4, 30.4 | hsl(202.6,39.4%,30.4%) |
HSV (or HSB) | 202.6°, 56.5, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.362, -6.237, -17.351 |
---|---|
XYZ | 7.127, 8.184, 15.391 |
xyY | 0.232, 0.267, 8.184 |
CIE-LCH | 34.362, 18.438, 250.228 |
CIE-LUV | 34.362, -16.043, -22.327 |
Hunter-Lab | 28.607, -5.592, -11.873 |
Binary | 00101111, 01010101, 01101100 |
Color Schemes with #2f556c
Alternatives to #2f556c
Below, you can see some colors close to #2f556c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f556c Preview
This text has a font color of #2f556c.
<span style="color:#2f556c;">Text here</span>
This paragraph has a background color of #2f556c.
<p style="background-color:#2f556c;">Content here</p>
This element has a border color of #2f556c.
<div style="border:1px solid #2f556c;">Content here</div>
.text {color:#2f556c;}
.background {background-color:#2f556c;}
.border {border:1px solid #2f556c;}
Shades and Tints of #2f556c
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, #050a0c is the darkest color, while #fefefe is the lightest one.
-
#050a0c
#050a0c
rgb(5,10,12)
-
#0b141a
#0b141a
rgb(11,20,26)
-
#111f28
#111f28
rgb(17,31,40)
-
#172a35
#172a35
rgb(23,42,53)
-
#1d3543
#1d3543
rgb(29,53,67)
-
#233f51
#233f51
rgb(35,63,81)
-
#294a5e
#294a5e
rgb(41,74,94)
-
#2f556c
#2f556c
rgb(47,85,108)
-
#35607a
#35607a
rgb(53,96,122)
-
#3b6b87
#3b6b87
rgb(59,107,135)
-
#417595
#417595
rgb(65,117,149)
-
#4780a3
#4780a3
rgb(71,128,163)
-
#4d8bb0
#4d8bb0
rgb(77,139,176)
-
#5a94b7
#5a94b7
rgb(90,148,183)
-
#679dbd
#679dbd
rgb(103,157,189)
-
#75a6c3
#75a6c3
rgb(117,166,195)
-
#83aec9
#83aec9
rgb(131,174,201)
-
#90b7cf
#90b7cf
rgb(144,183,207)
-
#9ec0d5
#9ec0d5
rgb(158,192,213)
-
#acc9db
#acc9db
rgb(172,201,219)
-
#b9d2e1
#b9d2e1
rgb(185,210,225)
-
#c7dbe7
#c7dbe7
rgb(199,219,231)
-
#d5e4ed
#d5e4ed
rgb(213,228,237)
-
#e2ecf3
#e2ecf3
rgb(226,236,243)
-
#f0f5f8
#f0f5f8
rgb(240,245,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #2f556c
A tone is produced by adding gray to any pure hue. In this case, #4d4e4e is the less saturated color, while #055f96 is the most saturated one.
-
#4d4e4e
#4d4e4e
rgb(77,78,78)
-
#474f54
#474f54
rgb(71,79,84)
-
#41515a
#41515a
rgb(65,81,90)
-
#3b5260
#3b5260
rgb(59,82,96)
-
#355466
#355466
rgb(53,84,102)
-
#2f556c
#2f556c
rgb(47,85,108)
-
#295672
#295672
rgb(41,86,114)
-
#235878
#235878
rgb(35,88,120)
-
#1d597e
#1d597e
rgb(29,89,126)
-
#175b84
#175b84
rgb(23,91,132)
-
#115c8a
#115c8a
rgb(17,92,138)
-
#0b5e90
#0b5e90
rgb(11,94,144)
-
#055f96
#055f96
rgb(5,95,150)
Color Blindness Simulator
Below, you can see how #2f556c 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.