#2f4580 Color Information
In a RGB color space, hex #2f4580 is composed of 18.4% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 223.7 degrees, a saturation of 46.3% and a lightness of 34.3%. #2f4580 color hex could be obtained by blending #5e8aff with #000001. Closest websafe color is: #333399.
-
- R 18
- G 27
- B 50
-
- C 63
- M 46
- Y 0
- K 50
● #2f4580 color description : Dark moderate blue.
#2f4580 Color Conversion
The hexadecimal color #2f4580 has RGB values of R:47, G:69, B:128 and CMYK values of C:0.63, M:0.46, Y:0, K:0.5. Its decimal value is 3097984.
Hex triplet | 2f4580 | #2f4580 |
---|---|---|
RGB Decimal | 47, 69, 128 | rgb(47,69,128) |
RGB Percent | 18.4, 27.1, 50.2 | rgb(18.4%,27.1%,50.2%) |
CMYK | 63, 46, 0, 50 | |
HSL | 223.7°, 46.3, 34.3 | hsl(223.7,46.3%,34.3%) |
HSV (or HSB) | 223.7°, 63.3, 50.2 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.445, 11.325, -35.988 |
---|---|
XYZ | 7.196, 6.419, 21.281 |
xyY | 0.206, 0.184, 6.419 |
CIE-LCH | 30.445, 37.728, 287.469 |
CIE-LUV | 30.445, -10.216, -48.712 |
Hunter-Lab | 25.335, 6.362, -32.067 |
Binary | 00101111, 01000101, 10000000 |
Color Schemes with #2f4580
Alternatives to #2f4580
Below, you can see some colors close to #2f4580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f4580 Preview
This text has a font color of #2f4580.
<span style="color:#2f4580;">Text here</span>
This paragraph has a background color of #2f4580.
<p style="background-color:#2f4580;">Content here</p>
This element has a border color of #2f4580.
<div style="border:1px solid #2f4580;">Content here</div>
.text {color:#2f4580;}
.background {background-color:#2f4580;}
.border {border:1px solid #2f4580;}
Shades and Tints of #2f4580
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, #05070d is the darkest color, while #fefeff is the lightest one.
-
#05070d
#05070d
rgb(5,7,13)
-
#0a0f1c
#0a0f1c
rgb(10,15,28)
-
#0f172a
#0f172a
rgb(15,23,42)
-
#151e38
#151e38
rgb(21,30,56)
-
#1a2647
#1a2647
rgb(26,38,71)
-
#1f2e55
#1f2e55
rgb(31,46,85)
-
#243663
#243663
rgb(36,54,99)
-
#2a3d72
#2a3d72
rgb(42,61,114)
-
#2f4580
#2f4580
rgb(47,69,128)
-
#344d8e
#344d8e
rgb(52,77,142)
-
#3a549d
#3a549d
rgb(58,84,157)
-
#3f5cab
#3f5cab
rgb(63,92,171)
-
#4464b9
#4464b9
rgb(68,100,185)
-
#526fbf
#526fbf
rgb(82,111,191)
-
#607bc5
#607bc5
rgb(96,123,197)
-
#6e87ca
#6e87ca
rgb(110,135,202)
-
#7d93cf
#7d93cf
rgb(125,147,207)
-
#8b9fd4
#8b9fd4
rgb(139,159,212)
-
#99abda
#99abda
rgb(153,171,218)
-
#a8b7df
#a8b7df
rgb(168,183,223)
-
#b6c3e4
#b6c3e4
rgb(182,195,228)
-
#c4cfea
#c4cfea
rgb(196,207,234)
-
#d3daef
#d3daef
rgb(211,218,239)
-
#e1e6f4
#e1e6f4
rgb(225,230,244)
-
#f0f2f9
#f0f2f9
rgb(240,242,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #2f4580
A tone is produced by adding gray to any pure hue. In this case, #575758 is the less saturated color, while #0733a8 is the most saturated one.
-
#575758
#575758
rgb(87,87,88)
-
#51545e
#51545e
rgb(81,84,94)
-
#4a5165
#4a5165
rgb(74,81,101)
-
#434e6c
#434e6c
rgb(67,78,108)
-
#3c4b73
#3c4b73
rgb(60,75,115)
-
#364879
#364879
rgb(54,72,121)
-
#2f4580
#2f4580
rgb(47,69,128)
-
#284287
#284287
rgb(40,66,135)
-
#223f8d
#223f8d
rgb(34,63,141)
-
#1b3c94
#1b3c94
rgb(27,60,148)
-
#14399b
#14399b
rgb(20,57,155)
-
#0d36a2
#0d36a2
rgb(13,54,162)
-
#0733a8
#0733a8
rgb(7,51,168)
Color Blindness Simulator
Below, you can see how #2f4580 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.