#2f4476 Color Information
In a RGB color space, hex #2f4476 is composed of 18.4% red, 26.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 42.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 222.3 degrees, a saturation of 43% and a lightness of 32.4%. #2f4476 color hex could be obtained by blending #5e88ec with #000000. Closest websafe color is: #333366.
-
- R 18
- G 27
- B 46
-
- C 60
- M 42
- Y 0
- K 54
● #2f4476 color description : Dark moderate blue.
#2f4476 Color Conversion
The hexadecimal color #2f4476 has RGB values of R:47, G:68, B:118 and CMYK values of C:0.6, M:0.42, Y:0, K:0.54. Its decimal value is 3097718.
Hex triplet | 2f4476 | #2f4476 |
---|---|---|
RGB Decimal | 47, 68, 118 | rgb(47,68,118) |
RGB Percent | 18.4, 26.7, 46.3 | rgb(18.4%,26.7%,46.3%) |
CMYK | 60, 42, 0, 54 | |
HSL | 222.3°, 43, 32.4 | hsl(222.3,43%,32.4%) |
HSV (or HSB) | 222.3°, 60.2, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.529, 8.316, -31.192 |
---|---|
XYZ | 6.509, 6.046, 17.963 |
xyY | 0.213, 0.198, 6.046 |
CIE-LCH | 29.529, 32.281, 284.928 |
CIE-LUV | 29.529, -9.799, -41.527 |
Hunter-Lab | 24.589, 4.218, -26.1 |
Binary | 00101111, 01000100, 01110110 |
Color Schemes with #2f4476
Alternatives to #2f4476
Below, you can see some colors close to #2f4476. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f4476 Preview
This text has a font color of #2f4476.
<span style="color:#2f4476;">Text here</span>
This paragraph has a background color of #2f4476.
<p style="background-color:#2f4476;">Content here</p>
This element has a border color of #2f4476.
<div style="border:1px solid #2f4476;">Content here</div>
.text {color:#2f4476;}
.background {background-color:#2f4476;}
.border {border:1px solid #2f4476;}
Shades and Tints of #2f4476
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, #020306 is the darkest color, while #f7f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#080b14
#080b14
rgb(8,11,20)
-
#0d1322
#0d1322
rgb(13,19,34)
-
#131c30
#131c30
rgb(19,28,48)
-
#19243e
#19243e
rgb(25,36,62)
-
#1e2c4c
#1e2c4c
rgb(30,44,76)
-
#24345a
#24345a
rgb(36,52,90)
-
#293c68
#293c68
rgb(41,60,104)
-
#2f4476
#2f4476
rgb(47,68,118)
-
#354c84
#354c84
rgb(53,76,132)
-
#3a5492
#3a5492
rgb(58,84,146)
-
#405ca0
#405ca0
rgb(64,92,160)
-
#4564ae
#4564ae
rgb(69,100,174)
-
#4e6eb9
#4e6eb9
rgb(78,110,185)
-
#5c79be
#5c79be
rgb(92,121,190)
-
#6a85c4
#6a85c4
rgb(106,133,196)
-
#7890c9
#7890c9
rgb(120,144,201)
-
#879ccf
#879ccf
rgb(135,156,207)
-
#95a7d5
#95a7d5
rgb(149,167,213)
-
#a3b3da
#a3b3da
rgb(163,179,218)
-
#b1bfe0
#b1bfe0
rgb(177,191,224)
-
#bfcae5
#bfcae5
rgb(191,202,229)
-
#cdd6eb
#cdd6eb
rgb(205,214,235)
-
#dbe1f1
#dbe1f1
rgb(219,225,241)
-
#e9edf6
#e9edf6
rgb(233,237,246)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #2f4476
A tone is produced by adding gray to any pure hue. In this case, #4f5156 is the less saturated color, while #0332a2 is the most saturated one.
-
#4f5156
#4f5156
rgb(79,81,86)
-
#484e5d
#484e5d
rgb(72,78,93)
-
#424c63
#424c63
rgb(66,76,99)
-
#3c4969
#3c4969
rgb(60,73,105)
-
#354770
#354770
rgb(53,71,112)
-
#2f4476
#2f4476
rgb(47,68,118)
-
#29417c
#29417c
rgb(41,65,124)
-
#223f83
#223f83
rgb(34,63,131)
-
#1c3c89
#1c3c89
rgb(28,60,137)
-
#163a8f
#163a8f
rgb(22,58,143)
-
#0f3796
#0f3796
rgb(15,55,150)
-
#09349c
#09349c
rgb(9,52,156)
-
#0332a2
#0332a2
rgb(3,50,162)
Color Blindness Simulator
Below, you can see how #2f4476 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.