#2f5156 Color Information
In a RGB color space, hex #2f5156 is composed of 18.4% red, 31.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 5.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 187.7 degrees, a saturation of 29.3% and a lightness of 26.1%. #2f5156 color hex could be obtained by blending #5ea2ac with #000000. Closest websafe color is: #336666.
-
- R 18
- G 32
- B 34
-
- C 45
- M 6
- Y 0
- K 66
● #2f5156 color description : Very dark desaturated cyan.
#2f5156 Color Conversion
The hexadecimal color #2f5156 has RGB values of R:47, G:81, B:86 and CMYK values of C:0.45, M:0.06, Y:0, K:0.66. Its decimal value is 3101014.
Hex triplet | 2f5156 | #2f5156 |
---|---|---|
RGB Decimal | 47, 81, 86 | rgb(47,81,86) |
RGB Percent | 18.4, 31.8, 33.7 | rgb(18.4%,31.8%,33.7%) |
CMYK | 45, 6, 0, 66 | |
HSL | 187.7°, 29.3, 26.1 | hsl(187.7,29.3%,26.1%) |
HSV (or HSB) | 187.7°, 45.3, 33.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.17, -10.849, -6.822 |
---|---|
XYZ | 5.794, 7.161, 9.88 |
xyY | 0.254, 0.314, 7.161 |
CIE-LCH | 32.17, 12.816, 212.164 |
CIE-LUV | 32.17, -14.887, -7.183 |
Hunter-Lab | 26.76, -8.18, -3.16 |
Binary | 00101111, 01010001, 01010110 |
Color Schemes with #2f5156
Alternatives to #2f5156
Below, you can see some colors close to #2f5156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5156 Preview
This text has a font color of #2f5156.
<span style="color:#2f5156;">Text here</span>
This paragraph has a background color of #2f5156.
<p style="background-color:#2f5156;">Content here</p>
This element has a border color of #2f5156.
<div style="border:1px solid #2f5156;">Content here</div>
.text {color:#2f5156;}
.background {background-color:#2f5156;}
.border {border:1px solid #2f5156;}
Shades and Tints of #2f5156
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, #05090a is the darkest color, while #fcfdfd is the lightest one.
-
#05090a
#05090a
rgb(5,9,10)
-
#0c1517
#0c1517
rgb(12,21,23)
-
#132123
#132123
rgb(19,33,35)
-
#1a2d30
#1a2d30
rgb(26,45,48)
-
#21393d
#21393d
rgb(33,57,61)
-
#284549
#284549
rgb(40,69,73)
-
#2f5156
#2f5156
rgb(47,81,86)
-
#365d63
#365d63
rgb(54,93,99)
-
#3d696f
#3d696f
rgb(61,105,111)
-
#44757c
#44757c
rgb(68,117,124)
-
#4b8189
#4b8189
rgb(75,129,137)
-
#528d95
#528d95
rgb(82,141,149)
-
#5999a2
#5999a2
rgb(89,153,162)
-
#64a1aa
#64a1aa
rgb(100,161,170)
-
#71a9b1
#71a9b1
rgb(113,169,177)
-
#7db1b8
#7db1b8
rgb(125,177,184)
-
#8ab8bf
#8ab8bf
rgb(138,184,191)
-
#97c0c6
#97c0c6
rgb(151,192,198)
-
#a3c8cd
#a3c8cd
rgb(163,200,205)
-
#b0cfd4
#b0cfd4
rgb(176,207,212)
-
#bdd7db
#bdd7db
rgb(189,215,219)
-
#c9dfe2
#c9dfe2
rgb(201,223,226)
-
#d6e6e9
#d6e6e9
rgb(214,230,233)
-
#e3eef0
#e3eef0
rgb(227,238,240)
-
#f0f6f7
#f0f6f7
rgb(240,246,247)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #2f5156
A tone is produced by adding gray to any pure hue. In this case, #3e4647 is the less saturated color, while #017384 is the most saturated one.
-
#3e4647
#3e4647
rgb(62,70,71)
-
#39494c
#39494c
rgb(57,73,76)
-
#344d51
#344d51
rgb(52,77,81)
-
#2f5156
#2f5156
rgb(47,81,86)
-
#2a555b
#2a555b
rgb(42,85,91)
-
#255960
#255960
rgb(37,89,96)
-
#205c65
#205c65
rgb(32,92,101)
-
#1b606a
#1b606a
rgb(27,96,106)
-
#156470
#156470
rgb(21,100,112)
-
#106875
#106875
rgb(16,104,117)
-
#0b6c7a
#0b6c7a
rgb(11,108,122)
-
#066f7f
#066f7f
rgb(6,111,127)
-
#017384
#017384
rgb(1,115,132)
Color Blindness Simulator
Below, you can see how #2f5156 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.