#2f687d Color Information
In a RGB color space, hex #2f687d is composed of 18.4% red, 40.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 16.8% magenta, 0% yellow and 51% black. It has a hue angle of 196.2 degrees, a saturation of 45.3% and a lightness of 33.7%. #2f687d color hex could be obtained by blending #5ed0fa with #000000. Closest websafe color is: #336666.
-
- R 18
- G 41
- B 49
-
- C 62
- M 17
- Y 0
- K 51
● #2f687d color description : Dark moderate blue.
#2f687d Color Conversion
The hexadecimal color #2f687d has RGB values of R:47, G:104, B:125 and CMYK values of C:0.62, M:0.17, Y:0, K:0.51. Its decimal value is 3106941.
Hex triplet | 2f687d | #2f687d |
---|---|---|
RGB Decimal | 47, 104, 125 | rgb(47,104,125) |
RGB Percent | 18.4, 40.8, 49 | rgb(18.4%,40.8%,49%) |
CMYK | 62, 17, 0, 51 | |
HSL | 196.2°, 45.3, 33.7 | hsl(196.2,45.3%,33.7%) |
HSV (or HSB) | 196.2°, 62.4, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.192, -11.874, -17.306 |
---|---|
XYZ | 9.823, 11.985, 21.197 |
xyY | 0.228, 0.279, 11.985 |
CIE-LCH | 41.192, 20.987, 235.546 |
CIE-LUV | 41.192, -22.836, -22.657 |
Hunter-Lab | 34.619, -9.934, -12.068 |
Binary | 00101111, 01101000, 01111101 |
Color Schemes with #2f687d
Alternatives to #2f687d
Below, you can see some colors close to #2f687d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f687d Preview
This text has a font color of #2f687d.
<span style="color:#2f687d;">Text here</span>
This paragraph has a background color of #2f687d.
<p style="background-color:#2f687d;">Content here</p>
This element has a border color of #2f687d.
<div style="border:1px solid #2f687d;">Content here</div>
.text {color:#2f687d;}
.background {background-color:#2f687d;}
.border {border:1px solid #2f687d;}
Shades and Tints of #2f687d
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)
-
#142d36
#142d36
rgb(20,45,54)
-
#1a3944
#1a3944
rgb(26,57,68)
-
#1f4452
#1f4452
rgb(31,68,82)
-
#245060
#245060
rgb(36,80,96)
-
#2a5c6f
#2a5c6f
rgb(42,92,111)
-
#2f687d
#2f687d
rgb(47,104,125)
-
#34748b
#34748b
rgb(52,116,139)
-
#3a809a
#3a809a
rgb(58,128,154)
-
#3f8ca8
#3f8ca8
rgb(63,140,168)
-
#4497b6
#4497b6
rgb(68,151,182)
-
#51a0bd
#51a0bd
rgb(81,160,189)
-
#5fa8c3
#5fa8c3
rgb(95,168,195)
-
#6db0c8
#6db0c8
rgb(109,176,200)
-
#7bb7ce
#7bb7ce
rgb(123,183,206)
-
#8abfd3
#8abfd3
rgb(138,191,211)
-
#98c7d8
#98c7d8
rgb(152,199,216)
-
#a6cfde
#a6cfde
rgb(166,207,222)
-
#b4d6e3
#b4d6e3
rgb(180,214,227)
-
#c3dee8
#c3dee8
rgb(195,222,232)
-
#d1e6ee
#d1e6ee
rgb(209,230,238)
-
#dfeef3
#dfeef3
rgb(223,238,243)
-
#edf5f8
#edf5f8
rgb(237,245,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #2f687d
A tone is produced by adding gray to any pure hue. In this case, #50595c is the less saturated color, while #017dab is the most saturated one.
-
#50595c
#50595c
rgb(80,89,92)
-
#495c63
#495c63
rgb(73,92,99)
-
#435f69
#435f69
rgb(67,95,105)
-
#3c6270
#3c6270
rgb(60,98,112)
-
#366576
#366576
rgb(54,101,118)
-
#2f687d
#2f687d
rgb(47,104,125)
-
#286b84
#286b84
rgb(40,107,132)
-
#226e8a
#226e8a
rgb(34,110,138)
-
#1b7191
#1b7191
rgb(27,113,145)
-
#157497
#157497
rgb(21,116,151)
-
#0e779e
#0e779e
rgb(14,119,158)
-
#077aa5
#077aa5
rgb(7,122,165)
-
#017dab
#017dab
rgb(1,125,171)
Color Blindness Simulator
Below, you can see how #2f687d 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.