#2f4477 Color Information
In a RGB color space, hex #2f4477 is composed of 18.4% red, 26.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 42.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 222.5 degrees, a saturation of 43.4% and a lightness of 32.5%. #2f4477 color hex could be obtained by blending #5e88ee with #000000. Closest websafe color is: #333366.
-
- R 18
- G 27
- B 47
-
- C 61
- M 43
- Y 0
- K 53
● #2f4477 color description : Dark moderate blue.
#2f4477 Color Conversion
The hexadecimal color #2f4477 has RGB values of R:47, G:68, B:119 and CMYK values of C:0.61, M:0.43, Y:0, K:0.53. Its decimal value is 3097719.
Hex triplet | 2f4477 | #2f4477 |
---|---|---|
RGB Decimal | 47, 68, 119 | rgb(47,68,119) |
RGB Percent | 18.4, 26.7, 46.7 | rgb(18.4%,26.7%,46.7%) |
CMYK | 61, 43, 0, 53 | |
HSL | 222.5°, 43.4, 32.5 | hsl(222.5,43.4%,32.5%) |
HSV (or HSB) | 222.5°, 60.5, 46.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.589, 8.682, -31.725 |
---|---|
XYZ | 6.568, 6.07, 18.277 |
xyY | 0.212, 0.196, 6.07 |
CIE-LCH | 29.589, 32.892, 285.304 |
CIE-LUV | 29.589, -9.808, -42.307 |
Hunter-Lab | 24.638, 4.473, -26.737 |
Binary | 00101111, 01000100, 01110111 |
Color Schemes with #2f4477
Alternatives to #2f4477
Below, you can see some colors close to #2f4477. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f4477 Preview
This text has a font color of #2f4477.
<span style="color:#2f4477;">Text here</span>
This paragraph has a background color of #2f4477.
<p style="background-color:#2f4477;">Content here</p>
This element has a border color of #2f4477.
<div style="border:1px solid #2f4477;">Content here</div>
.text {color:#2f4477;}
.background {background-color:#2f4477;}
.border {border:1px solid #2f4477;}
Shades and Tints of #2f4477
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)
-
#1e2c4d
#1e2c4d
rgb(30,44,77)
-
#24345b
#24345b
rgb(36,52,91)
-
#293c69
#293c69
rgb(41,60,105)
-
#2f4477
#2f4477
rgb(47,68,119)
-
#354c85
#354c85
rgb(53,76,133)
-
#3a5493
#3a5493
rgb(58,84,147)
-
#405ca1
#405ca1
rgb(64,92,161)
-
#4564af
#4564af
rgb(69,100,175)
-
#4f6eb9
#4f6eb9
rgb(79,110,185)
-
#5d79bf
#5d79bf
rgb(93,121,191)
-
#6b85c4
#6b85c4
rgb(107,133,196)
-
#7991ca
#7991ca
rgb(121,145,202)
-
#879cd0
#879cd0
rgb(135,156,208)
-
#95a8d5
#95a8d5
rgb(149,168,213)
-
#a3b3db
#a3b3db
rgb(163,179,219)
-
#b1bfe0
#b1bfe0
rgb(177,191,224)
-
#bfcae6
#bfcae6
rgb(191,202,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 #2f4477
A tone is produced by adding gray to any pure hue. In this case, #4f5157 is the less saturated color, while #0231a4 is the most saturated one.
-
#4f5157
#4f5157
rgb(79,81,87)
-
#494f5d
#494f5d
rgb(73,79,93)
-
#424c64
#424c64
rgb(66,76,100)
-
#3c496a
#3c496a
rgb(60,73,106)
-
#354771
#354771
rgb(53,71,113)
-
#2f4477
#2f4477
rgb(47,68,119)
-
#29417d
#29417d
rgb(41,65,125)
-
#223f84
#223f84
rgb(34,63,132)
-
#1c3c8a
#1c3c8a
rgb(28,60,138)
-
#153991
#153991
rgb(21,57,145)
-
#0f3797
#0f3797
rgb(15,55,151)
-
#09349d
#09349d
rgb(9,52,157)
-
#0231a4
#0231a4
rgb(2,49,164)
Color Blindness Simulator
Below, you can see how #2f4477 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.