#2f5d74 Color Information
In a RGB color space, hex #2f5d74 is composed of 18.4% red, 36.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 19.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 200 degrees, a saturation of 42.3% and a lightness of 32%. #2f5d74 color hex could be obtained by blending #5ebae8 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 36
- B 45
-
- C 59
- M 20
- Y 0
- K 55
● #2f5d74 color description : Dark moderate blue.
#2f5d74 Color Conversion
The hexadecimal color #2f5d74 has RGB values of R:47, G:93, B:116 and CMYK values of C:0.59, M:0.2, Y:0, K:0.55. Its decimal value is 3104116.
Hex triplet | 2f5d74 | #2f5d74 |
---|---|---|
RGB Decimal | 47, 93, 116 | rgb(47,93,116) |
RGB Percent | 18.4, 36.5, 45.5 | rgb(18.4%,36.5%,45.5%) |
CMYK | 59, 20, 0, 55 | |
HSL | 200°, 42.3, 32 | hsl(200,42.3%,32%) |
HSV (or HSB) | 200°, 59.5, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.287, -8.407, -17.809 |
---|---|
XYZ | 8.238, 9.693, 17.959 |
xyY | 0.23, 0.27, 9.693 |
CIE-LCH | 37.287, 19.694, 244.73 |
CIE-LUV | 37.287, -18.925, -23.234 |
Hunter-Lab | 31.134, -7.253, -12.406 |
Binary | 00101111, 01011101, 01110100 |
Color Schemes with #2f5d74
Alternatives to #2f5d74
Below, you can see some colors close to #2f5d74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5d74 Preview
This text has a font color of #2f5d74.
<span style="color:#2f5d74;">Text here</span>
This paragraph has a background color of #2f5d74.
<p style="background-color:#2f5d74;">Content here</p>
This element has a border color of #2f5d74.
<div style="border:1px solid #2f5d74;">Content here</div>
.text {color:#2f5d74;}
.background {background-color:#2f5d74;}
.border {border:1px solid #2f5d74;}
Shades and Tints of #2f5d74
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)
-
#070f12
#070f12
rgb(7,15,18)
-
#0d1a20
#0d1a20
rgb(13,26,32)
-
#13252e
#13252e
rgb(19,37,46)
-
#18303c
#18303c
rgb(24,48,60)
-
#1e3b4a
#1e3b4a
rgb(30,59,74)
-
#244758
#244758
rgb(36,71,88)
-
#295266
#295266
rgb(41,82,102)
-
#2f5d74
#2f5d74
rgb(47,93,116)
-
#356882
#356882
rgb(53,104,130)
-
#3a7390
#3a7390
rgb(58,115,144)
-
#407f9e
#407f9e
rgb(64,127,158)
-
#468aac
#468aac
rgb(70,138,172)
-
#4e94b7
#4e94b7
rgb(78,148,183)
-
#5c9dbd
#5c9dbd
rgb(92,157,189)
-
#6aa5c3
#6aa5c3
rgb(106,165,195)
-
#78adc8
#78adc8
rgb(120,173,200)
-
#86b6ce
#86b6ce
rgb(134,182,206)
-
#94bed4
#94bed4
rgb(148,190,212)
-
#a2c7d9
#a2c7d9
rgb(162,199,217)
-
#b0cfdf
#b0cfdf
rgb(176,207,223)
-
#bed7e4
#bed7e4
rgb(190,215,228)
-
#cbe0ea
#cbe0ea
rgb(203,224,234)
-
#d9e8f0
#d9e8f0
rgb(217,232,240)
-
#e7f1f5
#e7f1f5
rgb(231,241,245)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #2f5d74
A tone is produced by adding gray to any pure hue. In this case, #4e5355 is the less saturated color, while #036ca0 is the most saturated one.
-
#4e5355
#4e5355
rgb(78,83,85)
-
#48555b
#48555b
rgb(72,85,91)
-
#425761
#425761
rgb(66,87,97)
-
#3c5967
#3c5967
rgb(60,89,103)
-
#355b6e
#355b6e
rgb(53,91,110)
-
#2f5d74
#2f5d74
rgb(47,93,116)
-
#295f7a
#295f7a
rgb(41,95,122)
-
#226181
#226181
rgb(34,97,129)
-
#1c6387
#1c6387
rgb(28,99,135)
-
#16658d
#16658d
rgb(22,101,141)
-
#106793
#106793
rgb(16,103,147)
-
#096a9a
#096a9a
rgb(9,106,154)
-
#036ca0
#036ca0
rgb(3,108,160)
Color Blindness Simulator
Below, you can see how #2f5d74 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.