#2f677e Color Information
In a RGB color space, hex #2f677e is composed of 18.4% red, 40.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 18.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 197.5 degrees, a saturation of 45.7% and a lightness of 33.9%. #2f677e color hex could be obtained by blending #5ecefc with #000000. Closest websafe color is: #336666.
-
- R 18
- G 40
- B 49
-
- C 63
- M 18
- Y 0
- K 51
● #2f677e color description : Dark moderate blue.
#2f677e Color Conversion
The hexadecimal color #2f677e has RGB values of R:47, G:103, B:126 and CMYK values of C:0.63, M:0.18, Y:0, K:0.51. Its decimal value is 3106686.
Hex triplet | 2f677e | #2f677e |
---|---|---|
RGB Decimal | 47, 103, 126 | rgb(47,103,126) |
RGB Percent | 18.4, 40.4, 49.4 | rgb(18.4%,40.4%,49.4%) |
CMYK | 63, 18, 0, 51 | |
HSL | 197.5°, 45.7, 33.9 | hsl(197.5,45.7%,33.9%) |
HSV (or HSB) | 197.5°, 62.7, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.913, -10.958, -18.339 |
---|---|
XYZ | 9.787, 11.81, 21.501 |
xyY | 0.227, 0.274, 11.81 |
CIE-LCH | 40.913, 21.364, 239.142 |
CIE-LUV | 40.913, -22.415, -24.258 |
Hunter-Lab | 34.366, -9.305, -13.038 |
Binary | 00101111, 01100111, 01111110 |
Color Schemes with #2f677e
Alternatives to #2f677e
Below, you can see some colors close to #2f677e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f677e Preview
This text has a font color of #2f677e.
<span style="color:#2f677e;">Text here</span>
This paragraph has a background color of #2f677e.
<p style="background-color:#2f677e;">Content here</p>
This element has a border color of #2f677e.
<div style="border:1px solid #2f677e;">Content here</div>
.text {color:#2f677e;}
.background {background-color:#2f677e;}
.border {border:1px solid #2f677e;}
Shades and Tints of #2f677e
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, #040a0c is the darkest color, while #fcfefe is the lightest one.
-
#040a0c
#040a0c
rgb(4,10,12)
-
#0a151a
#0a151a
rgb(10,21,26)
-
#0f2128
#0f2128
rgb(15,33,40)
-
#142d37
#142d37
rgb(20,45,55)
-
#1a3845
#1a3845
rgb(26,56,69)
-
#1f4453
#1f4453
rgb(31,68,83)
-
#245061
#245061
rgb(36,80,97)
-
#2a5b70
#2a5b70
rgb(42,91,112)
-
#2f677e
#2f677e
rgb(47,103,126)
-
#34738c
#34738c
rgb(52,115,140)
-
#3a7e9b
#3a7e9b
rgb(58,126,155)
-
#3f8aa9
#3f8aa9
rgb(63,138,169)
-
#4496b7
#4496b7
rgb(68,150,183)
-
#519ebe
#519ebe
rgb(81,158,190)
-
#5fa6c3
#5fa6c3
rgb(95,166,195)
-
#6eaec9
#6eaec9
rgb(110,174,201)
-
#7cb6ce
#7cb6ce
rgb(124,182,206)
-
#8abed3
#8abed3
rgb(138,190,211)
-
#98c6d9
#98c6d9
rgb(152,198,217)
-
#a7cede
#a7cede
rgb(167,206,222)
-
#b5d6e3
#b5d6e3
rgb(181,214,227)
-
#c3dee9
#c3dee9
rgb(195,222,233)
-
#d2e6ee
#d2e6ee
rgb(210,230,238)
-
#e0eef3
#e0eef3
rgb(224,238,243)
-
#eef6f9
#eef6f9
rgb(238,246,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #2f677e
A tone is produced by adding gray to any pure hue. In this case, #50595d is the less saturated color, while #007aad is the most saturated one.
-
#50595d
#50595d
rgb(80,89,93)
-
#4a5c63
#4a5c63
rgb(74,92,99)
-
#435f6a
#435f6a
rgb(67,95,106)
-
#3c6171
#3c6171
rgb(60,97,113)
-
#366477
#366477
rgb(54,100,119)
-
#2f677e
#2f677e
rgb(47,103,126)
-
#286a85
#286a85
rgb(40,106,133)
-
#226d8b
#226d8b
rgb(34,109,139)
-
#1b6f92
#1b6f92
rgb(27,111,146)
-
#147299
#147299
rgb(20,114,153)
-
#0e759f
#0e759f
rgb(14,117,159)
-
#0778a6
#0778a6
rgb(7,120,166)
-
#007aad
#007aad
rgb(0,122,173)
Color Blindness Simulator
Below, you can see how #2f677e 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.