#2f5176 Color Information
In a RGB color space, hex #2f5176 is composed of 18.4% red, 31.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 31.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 211.3 degrees, a saturation of 43% and a lightness of 32.4%. #2f5176 color hex could be obtained by blending #5ea2ec with #000000. Closest websafe color is: #336666.
-
- R 18
- G 32
- B 46
-
- C 60
- M 31
- Y 0
- K 54
● #2f5176 color description : Dark moderate blue.
#2f5176 Color Conversion
The hexadecimal color #2f5176 has RGB values of R:47, G:81, B:118 and CMYK values of C:0.6, M:0.31, Y:0, K:0.54. Its decimal value is 3101046.
Hex triplet | 2f5176 | #2f5176 |
---|---|---|
RGB Decimal | 47, 81, 118 | rgb(47,81,118) |
RGB Percent | 18.4, 31.8, 46.3 | rgb(18.4%,31.8%,46.3%) |
CMYK | 60, 31, 0, 54 | |
HSL | 211.3°, 43, 32.4 | hsl(211.3,43%,32.4%) |
HSV (or HSB) | 211.3°, 60.2, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.556, -0.256, -24.839 |
---|---|
XYZ | 7.384, 7.797, 18.254 |
xyY | 0.221, 0.233, 7.797 |
CIE-LCH | 33.556, 24.841, 269.41 |
CIE-LUV | 33.556, -14.363, -33.387 |
Hunter-Lab | 27.923, -1.661, -19.215 |
Binary | 00101111, 01010001, 01110110 |
Color Schemes with #2f5176
Alternatives to #2f5176
Below, you can see some colors close to #2f5176. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5176 Preview
This text has a font color of #2f5176.
<span style="color:#2f5176;">Text here</span>
This paragraph has a background color of #2f5176.
<p style="background-color:#2f5176;">Content here</p>
This element has a border color of #2f5176.
<div style="border:1px solid #2f5176;">Content here</div>
.text {color:#2f5176;}
.background {background-color:#2f5176;}
.border {border:1px solid #2f5176;}
Shades and Tints of #2f5176
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, #020406 is the darkest color, while #f7f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#080e14
#080e14
rgb(8,14,20)
-
#0d1722
#0d1722
rgb(13,23,34)
-
#132130
#132130
rgb(19,33,48)
-
#192a3e
#192a3e
rgb(25,42,62)
-
#1e344c
#1e344c
rgb(30,52,76)
-
#243e5a
#243e5a
rgb(36,62,90)
-
#294768
#294768
rgb(41,71,104)
-
#2f5176
#2f5176
rgb(47,81,118)
-
#355b84
#355b84
rgb(53,91,132)
-
#3a6492
#3a6492
rgb(58,100,146)
-
#406ea0
#406ea0
rgb(64,110,160)
-
#4578ae
#4578ae
rgb(69,120,174)
-
#4e81b9
#4e81b9
rgb(78,129,185)
-
#5c8bbe
#5c8bbe
rgb(92,139,190)
-
#6a95c4
#6a95c4
rgb(106,149,196)
-
#789fc9
#789fc9
rgb(120,159,201)
-
#87a9cf
#87a9cf
rgb(135,169,207)
-
#95b3d5
#95b3d5
rgb(149,179,213)
-
#a3bdda
#a3bdda
rgb(163,189,218)
-
#b1c7e0
#b1c7e0
rgb(177,199,224)
-
#bfd1e5
#bfd1e5
rgb(191,209,229)
-
#cddbeb
#cddbeb
rgb(205,219,235)
-
#dbe5f1
#dbe5f1
rgb(219,229,241)
-
#e9eff6
#e9eff6
rgb(233,239,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #2f5176
A tone is produced by adding gray to any pure hue. In this case, #4f5256 is the less saturated color, while #034fa2 is the most saturated one.
-
#4f5256
#4f5256
rgb(79,82,86)
-
#48525d
#48525d
rgb(72,82,93)
-
#425263
#425263
rgb(66,82,99)
-
#3c5269
#3c5269
rgb(60,82,105)
-
#355170
#355170
rgb(53,81,112)
-
#2f5176
#2f5176
rgb(47,81,118)
-
#29517c
#29517c
rgb(41,81,124)
-
#225083
#225083
rgb(34,80,131)
-
#1c5089
#1c5089
rgb(28,80,137)
-
#16508f
#16508f
rgb(22,80,143)
-
#0f5096
#0f5096
rgb(15,80,150)
-
#094f9c
#094f9c
rgb(9,79,156)
-
#034fa2
#034fa2
rgb(3,79,162)
Color Blindness Simulator
Below, you can see how #2f5176 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.