#2f4577 Color Information
In a RGB color space, hex #2f4577 is composed of 18.4% red, 27.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 42% magenta, 0% yellow and 53.3% black. It has a hue angle of 221.7 degrees, a saturation of 43.4% and a lightness of 32.5%. #2f4577 color hex could be obtained by blending #5e8aee with #000000. Closest websafe color is: #333366.
-
- R 18
- G 27
- B 47
-
- C 61
- M 42
- Y 0
- K 53
● #2f4577 color description : Dark moderate blue.
#2f4577 Color Conversion
The hexadecimal color #2f4577 has RGB values of R:47, G:69, B:119 and CMYK values of C:0.61, M:0.42, Y:0, K:0.53. Its decimal value is 3097975.
Hex triplet | 2f4577 | #2f4577 |
---|---|---|
RGB Decimal | 47, 69, 119 | rgb(47,69,119) |
RGB Percent | 18.4, 27.1, 46.7 | rgb(18.4%,27.1%,46.7%) |
CMYK | 61, 42, 0, 53 | |
HSL | 221.7°, 43.4, 32.5 | hsl(221.7,43.4%,32.5%) |
HSV (or HSB) | 221.7°, 60.5, 46.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.892, 8.007, -31.243 |
---|---|
XYZ | 6.629, 6.192, 18.298 |
xyY | 0.213, 0.199, 6.192 |
CIE-LCH | 29.892, 32.253, 284.375 |
CIE-LUV | 29.892, -10.141, -41.738 |
Hunter-Lab | 24.884, 4.008, -26.178 |
Binary | 00101111, 01000101, 01110111 |
Color Schemes with #2f4577
Alternatives to #2f4577
Below, you can see some colors close to #2f4577. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f4577 Preview
This text has a font color of #2f4577.
<span style="color:#2f4577;">Text here</span>
This paragraph has a background color of #2f4577.
<p style="background-color:#2f4577;">Content here</p>
This element has a border color of #2f4577.
<div style="border:1px solid #2f4577;">Content here</div>
.text {color:#2f4577;}
.background {background-color:#2f4577;}
.border {border:1px solid #2f4577;}
Shades and Tints of #2f4577
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, #030407 is the darkest color, while #f7f9fc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#080c15
#080c15
rgb(8,12,21)
-
#0e1423
#0e1423
rgb(14,20,35)
-
#131c31
#131c31
rgb(19,28,49)
-
#19243f
#19243f
rgb(25,36,63)
-
#1e2d4d
#1e2d4d
rgb(30,45,77)
-
#24355b
#24355b
rgb(36,53,91)
-
#293d69
#293d69
rgb(41,61,105)
-
#2f4577
#2f4577
rgb(47,69,119)
-
#354d85
#354d85
rgb(53,77,133)
-
#3a5593
#3a5593
rgb(58,85,147)
-
#405da1
#405da1
rgb(64,93,161)
-
#4566af
#4566af
rgb(69,102,175)
-
#4f6fb9
#4f6fb9
rgb(79,111,185)
-
#5d7bbf
#5d7bbf
rgb(93,123,191)
-
#6b86c4
#6b86c4
rgb(107,134,196)
-
#7992ca
#7992ca
rgb(121,146,202)
-
#879dd0
#879dd0
rgb(135,157,208)
-
#95a9d5
#95a9d5
rgb(149,169,213)
-
#a3b4db
#a3b4db
rgb(163,180,219)
-
#b1c0e0
#b1c0e0
rgb(177,192,224)
-
#bfcbe6
#bfcbe6
rgb(191,203,230)
-
#cdd6eb
#cdd6eb
rgb(205,214,235)
-
#dbe2f1
#dbe2f1
rgb(219,226,241)
-
#e9edf6
#e9edf6
rgb(233,237,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #2f4577
A tone is produced by adding gray to any pure hue. In this case, #4f5157 is the less saturated color, while #0234a4 is the most saturated one.
-
#4f5157
#4f5157
rgb(79,81,87)
-
#494f5d
#494f5d
rgb(73,79,93)
-
#424c64
#424c64
rgb(66,76,100)
-
#3c4a6a
#3c4a6a
rgb(60,74,106)
-
#354771
#354771
rgb(53,71,113)
-
#2f4577
#2f4577
rgb(47,69,119)
-
#29437d
#29437d
rgb(41,67,125)
-
#224084
#224084
rgb(34,64,132)
-
#1c3e8a
#1c3e8a
rgb(28,62,138)
-
#153b91
#153b91
rgb(21,59,145)
-
#0f3997
#0f3997
rgb(15,57,151)
-
#09369d
#09369d
rgb(9,54,157)
-
#0234a4
#0234a4
rgb(2,52,164)
Color Blindness Simulator
Below, you can see how #2f4577 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.