#2f677c Color Information
In a RGB color space, hex #2f677c is composed of 18.4% red, 40.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 16.9% magenta, 0% yellow and 51.4% black. It has a hue angle of 196.4 degrees, a saturation of 45% and a lightness of 33.5%. #2f677c color hex could be obtained by blending #5ecef8 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 40
- B 49
-
- C 62
- M 17
- Y 0
- K 51
● #2f677c color description : Dark moderate blue.
#2f677c Color Conversion
The hexadecimal color #2f677c has RGB values of R:47, G:103, B:124 and CMYK values of C:0.62, M:0.17, Y:0, K:0.51. Its decimal value is 3106684.
Hex triplet | 2f677c | #2f677c |
---|---|---|
RGB Decimal | 47, 103, 124 | rgb(47,103,124) |
RGB Percent | 18.4, 40.4, 48.6 | rgb(18.4%,40.4%,48.6%) |
CMYK | 62, 17, 0, 51 | |
HSL | 196.4°, 45, 33.5 | hsl(196.4,45%,33.5%) |
HSV (or HSB) | 196.4°, 62.1, 48.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.831, -11.628, -17.253 |
---|---|
XYZ | 9.66, 11.759, 20.828 |
xyY | 0.229, 0.278, 11.759 |
CIE-LCH | 40.831, 20.806, 236.023 |
CIE-LUV | 40.831, -22.492, -22.561 |
Hunter-Lab | 34.292, -9.729, -12.007 |
Binary | 00101111, 01100111, 01111100 |
Color Schemes with #2f677c
Alternatives to #2f677c
Below, you can see some colors close to #2f677c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f677c Preview
This text has a font color of #2f677c.
<span style="color:#2f677c;">Text here</span>
This paragraph has a background color of #2f677c.
<p style="background-color:#2f677c;">Content here</p>
This element has a border color of #2f677c.
<div style="border:1px solid #2f677c;">Content here</div>
.text {color:#2f677c;}
.background {background-color:#2f677c;}
.border {border:1px solid #2f677c;}
Shades and Tints of #2f677c
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, #04080a is the darkest color, while #fbfdfd is the lightest one.
-
#04080a
#04080a
rgb(4,8,10)
-
#091418
#091418
rgb(9,20,24)
-
#0f2027
#0f2027
rgb(15,32,39)
-
#142c35
#142c35
rgb(20,44,53)
-
#193843
#193843
rgb(25,56,67)
-
#1f4451
#1f4451
rgb(31,68,81)
-
#244f60
#244f60
rgb(36,79,96)
-
#2a5b6e
#2a5b6e
rgb(42,91,110)
-
#2f677c
#2f677c
rgb(47,103,124)
-
#34738a
#34738a
rgb(52,115,138)
-
#3a7f98
#3a7f98
rgb(58,127,152)
-
#3f8aa7
#3f8aa7
rgb(63,138,167)
-
#4596b5
#4596b5
rgb(69,150,181)
-
#509fbd
#509fbd
rgb(80,159,189)
-
#5fa7c2
#5fa7c2
rgb(95,167,194)
-
#6dafc8
#6dafc8
rgb(109,175,200)
-
#7bb7cd
#7bb7cd
rgb(123,183,205)
-
#89bed2
#89bed2
rgb(137,190,210)
-
#97c6d8
#97c6d8
rgb(151,198,216)
-
#a6cedd
#a6cedd
rgb(166,206,221)
-
#b4d6e3
#b4d6e3
rgb(180,214,227)
-
#c2dee8
#c2dee8
rgb(194,222,232)
-
#d0e5ed
#d0e5ed
rgb(208,229,237)
-
#dfedf3
#dfedf3
rgb(223,237,243)
-
#edf5f8
#edf5f8
rgb(237,245,248)
-
#fbfdfd
#fbfdfd
rgb(251,253,253)
Tones of #2f677c
A tone is produced by adding gray to any pure hue. In this case, #50585b is the less saturated color, while #017caa is the most saturated one.
-
#50585b
#50585b
rgb(80,88,91)
-
#495b62
#495b62
rgb(73,91,98)
-
#435e68
#435e68
rgb(67,94,104)
-
#3c616f
#3c616f
rgb(60,97,111)
-
#366475
#366475
rgb(54,100,117)
-
#2f677c
#2f677c
rgb(47,103,124)
-
#286a83
#286a83
rgb(40,106,131)
-
#226d89
#226d89
rgb(34,109,137)
-
#1b7090
#1b7090
rgb(27,112,144)
-
#157396
#157396
rgb(21,115,150)
-
#0e769d
#0e769d
rgb(14,118,157)
-
#0879a3
#0879a3
rgb(8,121,163)
-
#017caa
#017caa
rgb(1,124,170)
Color Blindness Simulator
Below, you can see how #2f677c 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.