#2f5166 Color Information
In a RGB color space, hex #2f5166 is composed of 18.4% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 20.6% magenta, 0% yellow and 60% black. It has a hue angle of 202.9 degrees, a saturation of 36.9% and a lightness of 29.2%. #2f5166 color hex could be obtained by blending #5ea2cc with #000000. Closest websafe color is: #336666.
-
- R 18
- G 32
- B 40
-
- C 54
- M 21
- Y 0
- K 60
● #2f5166 color description : Very dark desaturated blue.
#2f5166 Color Conversion
The hexadecimal color #2f5166 has RGB values of R:47, G:81, B:102 and CMYK values of C:0.54, M:0.21, Y:0, K:0.6. Its decimal value is 3101030.
Hex triplet | 2f5166 | #2f5166 |
---|---|---|
RGB Decimal | 47, 81, 102 | rgb(47,81,102) |
RGB Percent | 18.4, 31.8, 40 | rgb(18.4%,31.8%,40%) |
CMYK | 54, 21, 0, 60 | |
HSL | 202.9°, 36.9, 29.2 | hsl(202.9,36.9%,29.2%) |
HSV (or HSB) | 202.9°, 53.9, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.806, -5.771, -15.983 |
---|---|
XYZ | 6.512, 7.448, 13.664 |
xyY | 0.236, 0.27, 7.448 |
CIE-LCH | 32.806, 16.993, 250.145 |
CIE-LUV | 32.806, -14.602, -20.191 |
Hunter-Lab | 27.291, -5.165, -10.581 |
Binary | 00101111, 01010001, 01100110 |
Color Schemes with #2f5166
Alternatives to #2f5166
Below, you can see some colors close to #2f5166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5166 Preview
This text has a font color of #2f5166.
<span style="color:#2f5166;">Text here</span>
This paragraph has a background color of #2f5166.
<p style="background-color:#2f5166;">Content here</p>
This element has a border color of #2f5166.
<div style="border:1px solid #2f5166;">Content here</div>
.text {color:#2f5166;}
.background {background-color:#2f5166;}
.border {border:1px solid #2f5166;}
Shades and Tints of #2f5166
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, #040608 is the darkest color, while #fafbfd is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0a1115
#0a1115
rgb(10,17,21)
-
#101c23
#101c23
rgb(16,28,35)
-
#162630
#162630
rgb(22,38,48)
-
#1c313e
#1c313e
rgb(28,49,62)
-
#233c4b
#233c4b
rgb(35,60,75)
-
#294659
#294659
rgb(41,70,89)
-
#2f5166
#2f5166
rgb(47,81,102)
-
#355c73
#355c73
rgb(53,92,115)
-
#3b6681
#3b6681
rgb(59,102,129)
-
#42718e
#42718e
rgb(66,113,142)
-
#487c9c
#487c9c
rgb(72,124,156)
-
#4e86a9
#4e86a9
rgb(78,134,169)
-
#5890b2
#5890b2
rgb(88,144,178)
-
#6699b8
#6699b8
rgb(102,153,184)
-
#73a2bf
#73a2bf
rgb(115,162,191)
-
#81abc5
#81abc5
rgb(129,171,197)
-
#8eb4cb
#8eb4cb
rgb(142,180,203)
-
#9cbdd1
#9cbdd1
rgb(156,189,209)
-
#a9c6d7
#a9c6d7
rgb(169,198,215)
-
#b6cfde
#b6cfde
rgb(182,207,222)
-
#c4d8e4
#c4d8e4
rgb(196,216,228)
-
#d1e1ea
#d1e1ea
rgb(209,225,234)
-
#dfe9f0
#dfe9f0
rgb(223,233,240)
-
#ecf2f6
#ecf2f6
rgb(236,242,246)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #2f5166
A tone is produced by adding gray to any pure hue. In this case, #464c4f is the less saturated color, while #015c94 is the most saturated one.
-
#464c4f
#464c4f
rgb(70,76,79)
-
#404d55
#404d55
rgb(64,77,85)
-
#3a4e5b
#3a4e5b
rgb(58,78,91)
-
#355060
#355060
rgb(53,80,96)
-
#2f5166
#2f5166
rgb(47,81,102)
-
#29526c
#29526c
rgb(41,82,108)
-
#245471
#245471
rgb(36,84,113)
-
#1e5577
#1e5577
rgb(30,85,119)
-
#18567d
#18567d
rgb(24,86,125)
-
#125883
#125883
rgb(18,88,131)
-
#0d5988
#0d5988
rgb(13,89,136)
-
#075a8e
#075a8e
rgb(7,90,142)
-
#015c94
#015c94
rgb(1,92,148)
Color Blindness Simulator
Below, you can see how #2f5166 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.