#2f5674 Color Information
In a RGB color space, hex #2f5674 is composed of 18.4% red, 33.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 25.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 206.1 degrees, a saturation of 42.3% and a lightness of 32%. #2f5674 color hex could be obtained by blending #5eace8 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 34
- B 45
-
- C 59
- M 26
- Y 0
- K 55
● #2f5674 color description : Dark moderate blue.
#2f5674 Color Conversion
The hexadecimal color #2f5674 has RGB values of R:47, G:86, B:116 and CMYK values of C:0.59, M:0.26, Y:0, K:0.55. Its decimal value is 3102324.
Hex triplet | 2f5674 | #2f5674 |
---|---|---|
RGB Decimal | 47, 86, 116 | rgb(47,86,116) |
RGB Percent | 18.4, 33.7, 45.5 | rgb(18.4%,33.7%,45.5%) |
CMYK | 59, 26, 0, 55 | |
HSL | 206.1°, 42.3, 32 | hsl(206.1,42.3%,32%) |
HSV (or HSB) | 206.1°, 59.5, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.044, -4.122, -21.276 |
---|---|
XYZ | 7.652, 8.52, 17.763 |
xyY | 0.225, 0.251, 8.52 |
CIE-LCH | 35.044, 21.672, 259.036 |
CIE-LUV | 35.044, -16.256, -28.273 |
Hunter-Lab | 29.19, -4.29, -15.648 |
Binary | 00101111, 01010110, 01110100 |
Color Schemes with #2f5674
Alternatives to #2f5674
Below, you can see some colors close to #2f5674. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5674 Preview
This text has a font color of #2f5674.
<span style="color:#2f5674;">Text here</span>
This paragraph has a background color of #2f5674.
<p style="background-color:#2f5674;">Content here</p>
This element has a border color of #2f5674.
<div style="border:1px solid #2f5674;">Content here</div>
.text {color:#2f5674;}
.background {background-color:#2f5674;}
.border {border:1px solid #2f5674;}
Shades and Tints of #2f5674
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, #020304 is the darkest color, while #f5f9fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#070e12
#070e12
rgb(7,14,18)
-
#0d1820
#0d1820
rgb(13,24,32)
-
#13222e
#13222e
rgb(19,34,46)
-
#182d3c
#182d3c
rgb(24,45,60)
-
#1e374a
#1e374a
rgb(30,55,74)
-
#244158
#244158
rgb(36,65,88)
-
#294c66
#294c66
rgb(41,76,102)
-
#2f5674
#2f5674
rgb(47,86,116)
-
#356082
#356082
rgb(53,96,130)
-
#3a6b90
#3a6b90
rgb(58,107,144)
-
#40759e
#40759e
rgb(64,117,158)
-
#467fac
#467fac
rgb(70,127,172)
-
#4e89b7
#4e89b7
rgb(78,137,183)
-
#5c93bd
#5c93bd
rgb(92,147,189)
-
#6a9cc3
#6a9cc3
rgb(106,156,195)
-
#78a5c8
#78a5c8
rgb(120,165,200)
-
#86aece
#86aece
rgb(134,174,206)
-
#94b8d4
#94b8d4
rgb(148,184,212)
-
#a2c1d9
#a2c1d9
rgb(162,193,217)
-
#b0cadf
#b0cadf
rgb(176,202,223)
-
#bed4e4
#bed4e4
rgb(190,212,228)
-
#cbddea
#cbddea
rgb(203,221,234)
-
#d9e6f0
#d9e6f0
rgb(217,230,240)
-
#e7eff5
#e7eff5
rgb(231,239,245)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #2f5674
A tone is produced by adding gray to any pure hue. In this case, #4e5255 is the less saturated color, while #035ca0 is the most saturated one.
-
#4e5255
#4e5255
rgb(78,82,85)
-
#48535b
#48535b
rgb(72,83,91)
-
#425461
#425461
rgb(66,84,97)
-
#3c5467
#3c5467
rgb(60,84,103)
-
#35556e
#35556e
rgb(53,85,110)
-
#2f5674
#2f5674
rgb(47,86,116)
-
#29577a
#29577a
rgb(41,87,122)
-
#225881
#225881
rgb(34,88,129)
-
#1c5887
#1c5887
rgb(28,88,135)
-
#16598d
#16598d
rgb(22,89,141)
-
#105a93
#105a93
rgb(16,90,147)
-
#095b9a
#095b9a
rgb(9,91,154)
-
#035ca0
#035ca0
rgb(3,92,160)
Color Blindness Simulator
Below, you can see how #2f5674 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.