#2f677d Color Information
In a RGB color space, hex #2f677d is composed of 18.4% red, 40.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 17.6% magenta, 0% yellow and 51% black. It has a hue angle of 196.9 degrees, a saturation of 45.3% and a lightness of 33.7%. #2f677d color hex could be obtained by blending #5ecefa with #000000. Closest websafe color is: #336666.
-
- R 18
- G 40
- B 49
-
- C 62
- M 18
- Y 0
- K 51
● #2f677d color description : Dark moderate blue.
#2f677d Color Conversion
The hexadecimal color #2f677d has RGB values of R:47, G:103, B:125 and CMYK values of C:0.62, M:0.18, Y:0, K:0.51. Its decimal value is 3106685.
Hex triplet | 2f677d | #2f677d |
---|---|---|
RGB Decimal | 47, 103, 125 | rgb(47,103,125) |
RGB Percent | 18.4, 40.4, 49 | rgb(18.4%,40.4%,49%) |
CMYK | 62, 18, 0, 51 | |
HSL | 196.9°, 45.3, 33.7 | hsl(196.9,45.3%,33.7%) |
HSV (or HSB) | 196.9°, 62.4, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.872, -11.293, -17.797 |
---|---|
XYZ | 9.723, 11.785, 21.163 |
xyY | 0.228, 0.276, 11.785 |
CIE-LCH | 40.872, 21.078, 237.602 |
CIE-LUV | 40.872, -22.453, -23.41 |
Hunter-Lab | 34.329, -9.518, -12.521 |
Binary | 00101111, 01100111, 01111101 |
Color Schemes with #2f677d
Alternatives to #2f677d
Below, you can see some colors close to #2f677d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f677d Preview
This text has a font color of #2f677d.
<span style="color:#2f677d;">Text here</span>
This paragraph has a background color of #2f677d.
<p style="background-color:#2f677d;">Content here</p>
This element has a border color of #2f677d.
<div style="border:1px solid #2f677d;">Content here</div>
.text {color:#2f677d;}
.background {background-color:#2f677d;}
.border {border:1px solid #2f677d;}
Shades and Tints of #2f677d
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, #04090b is the darkest color, while #fcfdfe is the lightest one.
-
#04090b
#04090b
rgb(4,9,11)
-
#091519
#091519
rgb(9,21,25)
-
#0f2127
#0f2127
rgb(15,33,39)
-
#142c36
#142c36
rgb(20,44,54)
-
#1a3844
#1a3844
rgb(26,56,68)
-
#1f4452
#1f4452
rgb(31,68,82)
-
#245060
#245060
rgb(36,80,96)
-
#2a5b6f
#2a5b6f
rgb(42,91,111)
-
#2f677d
#2f677d
rgb(47,103,125)
-
#34738b
#34738b
rgb(52,115,139)
-
#3a7e9a
#3a7e9a
rgb(58,126,154)
-
#3f8aa8
#3f8aa8
rgb(63,138,168)
-
#4496b6
#4496b6
rgb(68,150,182)
-
#519fbd
#519fbd
rgb(81,159,189)
-
#5fa7c3
#5fa7c3
rgb(95,167,195)
-
#6daec8
#6daec8
rgb(109,174,200)
-
#7bb6ce
#7bb6ce
rgb(123,182,206)
-
#8abed3
#8abed3
rgb(138,190,211)
-
#98c6d8
#98c6d8
rgb(152,198,216)
-
#a6cede
#a6cede
rgb(166,206,222)
-
#b4d6e3
#b4d6e3
rgb(180,214,227)
-
#c3dee8
#c3dee8
rgb(195,222,232)
-
#d1e6ee
#d1e6ee
rgb(209,230,238)
-
#dfedf3
#dfedf3
rgb(223,237,243)
-
#edf5f8
#edf5f8
rgb(237,245,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #2f677d
A tone is produced by adding gray to any pure hue. In this case, #50595c is the less saturated color, while #017bab is the most saturated one.
-
#50595c
#50595c
rgb(80,89,92)
-
#495b63
#495b63
rgb(73,91,99)
-
#435e69
#435e69
rgb(67,94,105)
-
#3c6170
#3c6170
rgb(60,97,112)
-
#366476
#366476
rgb(54,100,118)
-
#2f677d
#2f677d
rgb(47,103,125)
-
#286a84
#286a84
rgb(40,106,132)
-
#226d8a
#226d8a
rgb(34,109,138)
-
#1b7091
#1b7091
rgb(27,112,145)
-
#157397
#157397
rgb(21,115,151)
-
#0e759e
#0e759e
rgb(14,117,158)
-
#0778a5
#0778a5
rgb(7,120,165)
-
#017bab
#017bab
rgb(1,123,171)
Color Blindness Simulator
Below, you can see how #2f677d 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.