#2f7caa Color Information
In a RGB color space, hex #2f7caa is composed of 18.4% red, 48.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 27.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 202.4 degrees, a saturation of 56.7% and a lightness of 42.5%. #2f7caa color hex could be obtained by blending #5ef8ff with #000055. Closest websafe color is: #336699.
-
- R 18
- G 49
- B 67
-
- C 72
- M 27
- Y 0
- K 33
● #2f7caa color description : Dark blue.
#2f7caa Color Conversion
The hexadecimal color #2f7caa has RGB values of R:47, G:124, B:170 and CMYK values of C:0.72, M:0.27, Y:0, K:0.33. Its decimal value is 3112106.
Hex triplet | 2f7caa | #2f7caa |
---|---|---|
RGB Decimal | 47, 124, 170 | rgb(47,124,170) |
RGB Percent | 18.4, 48.6, 66.7 | rgb(18.4%,48.6%,66.7%) |
CMYK | 72, 27, 0, 33 | |
HSL | 202.4°, 56.7, 42.5 | hsl(202.4,56.7%,42.5%) |
HSV (or HSB) | 202.4°, 72.4, 66.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 49.4, -7.94, -31.269 |
---|---|
XYZ | 15.634, 17.921, 40.663 |
xyY | 0.211, 0.241, 17.921 |
CIE-LCH | 49.4, 32.261, 255.751 |
CIE-LUV | 49.4, -28.241, -45.919 |
Hunter-Lab | 42.333, -8.161, -27.319 |
Binary | 00101111, 01111100, 10101010 |
Color Schemes with #2f7caa
Alternatives to #2f7caa
Below, you can see some colors close to #2f7caa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f7caa Preview
This text has a font color of #2f7caa.
<span style="color:#2f7caa;">Text here</span>
This paragraph has a background color of #2f7caa.
<p style="background-color:#2f7caa;">Content here</p>
This element has a border color of #2f7caa.
<div style="border:1px solid #2f7caa;">Content here</div>
.text {color:#2f7caa;}
.background {background-color:#2f7caa;}
.border {border:1px solid #2f7caa;}
Shades and Tints of #2f7caa
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, #000101 is the darkest color, while #f1f7fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050c10
#050c10
rgb(5,12,16)
-
#091720
#091720
rgb(9,23,32)
-
#0d222f
#0d222f
rgb(13,34,47)
-
#112e3e
#112e3e
rgb(17,46,62)
-
#16394e
#16394e
rgb(22,57,78)
-
#1a445d
#1a445d
rgb(26,68,93)
-
#1e4f6d
#1e4f6d
rgb(30,79,109)
-
#225a7c
#225a7c
rgb(34,90,124)
-
#27668b
#27668b
rgb(39,102,139)
-
#2b719b
#2b719b
rgb(43,113,155)
-
#2f7caa
#2f7caa
rgb(47,124,170)
-
#3387b9
#3387b9
rgb(51,135,185)
-
#3892c8
#3892c8
rgb(56,146,200)
-
#489bcc
#489bcc
rgb(72,155,204)
-
#57a3d1
#57a3d1
rgb(87,163,209)
-
#66abd5
#66abd5
rgb(102,171,213)
-
#76b4d9
#76b4d9
rgb(118,180,217)
-
#85bcdd
#85bcdd
rgb(133,188,221)
-
#94c5e2
#94c5e2
rgb(148,197,226)
-
#a4cde6
#a4cde6
rgb(164,205,230)
-
#b3d5ea
#b3d5ea
rgb(179,213,234)
-
#c2deee
#c2deee
rgb(194,222,238)
-
#d2e6f3
#d2e6f3
rgb(210,230,243)
-
#e1eff7
#e1eff7
rgb(225,239,247)
-
#f1f7fb
#f1f7fb
rgb(241,247,251)
Tones of #2f7caa
A tone is produced by adding gray to any pure hue. In this case, #696d70 is the less saturated color, while #0587d4 is the most saturated one.
-
#696d70
#696d70
rgb(105,109,112)
-
#616f78
#616f78
rgb(97,111,120)
-
#597180
#597180
rgb(89,113,128)
-
#507489
#507489
rgb(80,116,137)
-
#487691
#487691
rgb(72,118,145)
-
#407899
#407899
rgb(64,120,153)
-
#377aa2
#377aa2
rgb(55,122,162)
-
#2f7caa
#2f7caa
rgb(47,124,170)
-
#277eb2
#277eb2
rgb(39,126,178)
-
#1e80bb
#1e80bb
rgb(30,128,187)
-
#1682c3
#1682c3
rgb(22,130,195)
-
#0e84cb
#0e84cb
rgb(14,132,203)
-
#0587d4
#0587d4
rgb(5,135,212)
Color Blindness Simulator
Below, you can see how #2f7caa 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.