#2f687e Color Information
In a RGB color space, hex #2f687e is composed of 18.4% red, 40.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 17.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 196.7 degrees, a saturation of 45.7% and a lightness of 33.9%. #2f687e color hex could be obtained by blending #5ed0fc with #000000. Closest websafe color is: #336666.
-
- R 18
- G 41
- B 49
-
- C 63
- M 17
- Y 0
- K 51
● #2f687e color description : Dark moderate blue.
#2f687e Color Conversion
The hexadecimal color #2f687e has RGB values of R:47, G:104, B:126 and CMYK values of C:0.63, M:0.17, Y:0, K:0.51. Its decimal value is 3106942.
Hex triplet | 2f687e | #2f687e |
---|---|---|
RGB Decimal | 47, 104, 126 | rgb(47,104,126) |
RGB Percent | 18.4, 40.8, 49.4 | rgb(18.4%,40.8%,49.4%) |
CMYK | 63, 17, 0, 51 | |
HSL | 196.7°, 45.7, 33.9 | hsl(196.7,45.7%,33.9%) |
HSV (or HSB) | 196.7°, 62.7, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.233, -11.539, -17.849 |
---|---|
XYZ | 9.888, 12.011, 21.535 |
xyY | 0.228, 0.277, 12.011 |
CIE-LCH | 41.233, 21.254, 237.117 |
CIE-LUV | 41.233, -22.797, -23.506 |
Hunter-Lab | 34.656, -9.722, -12.582 |
Binary | 00101111, 01101000, 01111110 |
Color Schemes with #2f687e
Alternatives to #2f687e
Below, you can see some colors close to #2f687e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f687e Preview
This text has a font color of #2f687e.
<span style="color:#2f687e;">Text here</span>
This paragraph has a background color of #2f687e.
<p style="background-color:#2f687e;">Content here</p>
This element has a border color of #2f687e.
<div style="border:1px solid #2f687e;">Content here</div>
.text {color:#2f687e;}
.background {background-color:#2f687e;}
.border {border:1px solid #2f687e;}
Shades and Tints of #2f687e
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)
-
#1a3945
#1a3945
rgb(26,57,69)
-
#1f4553
#1f4553
rgb(31,69,83)
-
#245061
#245061
rgb(36,80,97)
-
#2a5c70
#2a5c70
rgb(42,92,112)
-
#2f687e
#2f687e
rgb(47,104,126)
-
#34748c
#34748c
rgb(52,116,140)
-
#3a809b
#3a809b
rgb(58,128,155)
-
#3f8ba9
#3f8ba9
rgb(63,139,169)
-
#4497b7
#4497b7
rgb(68,151,183)
-
#51a0be
#51a0be
rgb(81,160,190)
-
#5fa8c3
#5fa8c3
rgb(95,168,195)
-
#6eafc9
#6eafc9
rgb(110,175,201)
-
#7cb7ce
#7cb7ce
rgb(124,183,206)
-
#8abfd3
#8abfd3
rgb(138,191,211)
-
#98c7d9
#98c7d9
rgb(152,199,217)
-
#a7cfde
#a7cfde
rgb(167,207,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 #2f687e
A tone is produced by adding gray to any pure hue. In this case, #50595d is the less saturated color, while #007dad is the most saturated one.
-
#50595d
#50595d
rgb(80,89,93)
-
#4a5c63
#4a5c63
rgb(74,92,99)
-
#435f6a
#435f6a
rgb(67,95,106)
-
#3c6271
#3c6271
rgb(60,98,113)
-
#366577
#366577
rgb(54,101,119)
-
#2f687e
#2f687e
rgb(47,104,126)
-
#286b85
#286b85
rgb(40,107,133)
-
#226e8b
#226e8b
rgb(34,110,139)
-
#1b7192
#1b7192
rgb(27,113,146)
-
#147499
#147499
rgb(20,116,153)
-
#0e779f
#0e779f
rgb(14,119,159)
-
#077aa6
#077aa6
rgb(7,122,166)
-
#007dad
#007dad
rgb(0,125,173)
Color Blindness Simulator
Below, you can see how #2f687e 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.