#2f5f74 Color Information
In a RGB color space, hex #2f5f74 is composed of 18.4% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 18.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 198.3 degrees, a saturation of 42.3% and a lightness of 32%. #2f5f74 color hex could be obtained by blending #5ebee8 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 37
- B 45
-
- C 59
- M 18
- Y 0
- K 55
● #2f5f74 color description : Dark moderate blue.
#2f5f74 Color Conversion
The hexadecimal color #2f5f74 has RGB values of R:47, G:95, B:116 and CMYK values of C:0.59, M:0.18, Y:0, K:0.55. Its decimal value is 3104628.
Hex triplet | 2f5f74 | #2f5f74 |
---|---|---|
RGB Decimal | 47, 95, 116 | rgb(47,95,116) |
RGB Percent | 18.4, 37.3, 45.5 | rgb(18.4%,37.3%,45.5%) |
CMYK | 59, 18, 0, 55 | |
HSL | 198.3°, 42.3, 32 | hsl(198.3,42.3%,32%) |
HSV (or HSB) | 198.3°, 59.5, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.93, -9.601, -16.819 |
---|---|
XYZ | 8.416, 10.049, 18.018 |
xyY | 0.231, 0.275, 10.049 |
CIE-LCH | 37.93, 19.367, 240.28 |
CIE-LUV | 37.93, -19.697, -21.765 |
Hunter-Lab | 31.7, -8.086, -11.51 |
Binary | 00101111, 01011111, 01110100 |
Color Schemes with #2f5f74
Alternatives to #2f5f74
Below, you can see some colors close to #2f5f74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5f74 Preview
This text has a font color of #2f5f74.
<span style="color:#2f5f74;">Text here</span>
This paragraph has a background color of #2f5f74.
<p style="background-color:#2f5f74;">Content here</p>
This element has a border color of #2f5f74.
<div style="border:1px solid #2f5f74;">Content here</div>
.text {color:#2f5f74;}
.background {background-color:#2f5f74;}
.border {border:1px solid #2f5f74;}
Shades and Tints of #2f5f74
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, #020404 is the darkest color, while #f5f9fb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#070f12
#070f12
rgb(7,15,18)
-
#0d1a20
#0d1a20
rgb(13,26,32)
-
#13262e
#13262e
rgb(19,38,46)
-
#18313c
#18313c
rgb(24,49,60)
-
#1e3d4a
#1e3d4a
rgb(30,61,74)
-
#244858
#244858
rgb(36,72,88)
-
#295466
#295466
rgb(41,84,102)
-
#2f5f74
#2f5f74
rgb(47,95,116)
-
#356a82
#356a82
rgb(53,106,130)
-
#3a7690
#3a7690
rgb(58,118,144)
-
#40819e
#40819e
rgb(64,129,158)
-
#468dac
#468dac
rgb(70,141,172)
-
#4e97b7
#4e97b7
rgb(78,151,183)
-
#5c9fbd
#5c9fbd
rgb(92,159,189)
-
#6aa8c3
#6aa8c3
rgb(106,168,195)
-
#78b0c8
#78b0c8
rgb(120,176,200)
-
#86b8ce
#86b8ce
rgb(134,184,206)
-
#94c0d4
#94c0d4
rgb(148,192,212)
-
#a2c8d9
#a2c8d9
rgb(162,200,217)
-
#b0d0df
#b0d0df
rgb(176,208,223)
-
#bed9e4
#bed9e4
rgb(190,217,228)
-
#cbe1ea
#cbe1ea
rgb(203,225,234)
-
#d9e9f0
#d9e9f0
rgb(217,233,240)
-
#e7f1f5
#e7f1f5
rgb(231,241,245)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #2f5f74
A tone is produced by adding gray to any pure hue. In this case, #4e5355 is the less saturated color, while #0370a0 is the most saturated one.
-
#4e5355
#4e5355
rgb(78,83,85)
-
#48555b
#48555b
rgb(72,85,91)
-
#425861
#425861
rgb(66,88,97)
-
#3c5a67
#3c5a67
rgb(60,90,103)
-
#355d6e
#355d6e
rgb(53,93,110)
-
#2f5f74
#2f5f74
rgb(47,95,116)
-
#29617a
#29617a
rgb(41,97,122)
-
#226481
#226481
rgb(34,100,129)
-
#1c6687
#1c6687
rgb(28,102,135)
-
#16698d
#16698d
rgb(22,105,141)
-
#106b93
#106b93
rgb(16,107,147)
-
#096e9a
#096e9a
rgb(9,110,154)
-
#0370a0
#0370a0
rgb(3,112,160)
Color Blindness Simulator
Below, you can see how #2f5f74 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.