#2f486b Color Information
In a RGB color space, hex #2f486b is composed of 18.4% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 215 degrees, a saturation of 39% and a lightness of 30.2%. #2f486b color hex could be obtained by blending #5e90d6 with #000000. Closest websafe color is: #333366.
-
- R 18
- G 28
- B 42
-
- C 56
- M 33
- Y 0
- K 58
● #2f486b color description : Very dark desaturated blue.
#2f486b Color Conversion
The hexadecimal color #2f486b has RGB values of R:47, G:72, B:107 and CMYK values of C:0.56, M:0.33, Y:0, K:0.58. Its decimal value is 3098731.
Hex triplet | 2f486b | #2f486b |
---|---|---|
RGB Decimal | 47, 72, 107 | rgb(47,72,107) |
RGB Percent | 18.4, 28.2, 42 | rgb(18.4%,28.2%,42%) |
CMYK | 56, 33, 0, 58 | |
HSL | 215°, 39, 30.2 | hsl(215,39%,30.2%) |
HSV (or HSB) | 215°, 56.1, 42 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.158, 1.698, -23.254 |
---|---|
XYZ | 6.143, 6.3, 14.801 |
xyY | 0.225, 0.231, 6.3 |
CIE-LCH | 30.158, 23.316, 274.177 |
CIE-LUV | 30.158, -11.15, -30.354 |
Hunter-Lab | 25.1, -0.241, -17.393 |
Binary | 00101111, 01001000, 01101011 |
Color Schemes with #2f486b
Alternatives to #2f486b
Below, you can see some colors close to #2f486b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f486b Preview
This text has a font color of #2f486b.
<span style="color:#2f486b;">Text here</span>
This paragraph has a background color of #2f486b.
<p style="background-color:#2f486b;">Content here</p>
This element has a border color of #2f486b.
<div style="border:1px solid #2f486b;">Content here</div>
.text {color:#2f486b;}
.background {background-color:#2f486b;}
.border {border:1px solid #2f486b;}
Shades and Tints of #2f486b
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, #05080c is the darkest color, while #fdfdfe is the lightest one.
-
#05080c
#05080c
rgb(5,8,12)
-
#0b1119
#0b1119
rgb(11,17,25)
-
#111a27
#111a27
rgb(17,26,39)
-
#172334
#172334
rgb(23,35,52)
-
#1d2c42
#1d2c42
rgb(29,44,66)
-
#233650
#233650
rgb(35,54,80)
-
#293f5d
#293f5d
rgb(41,63,93)
-
#2f486b
#2f486b
rgb(47,72,107)
-
#355179
#355179
rgb(53,81,121)
-
#3b5a86
#3b5a86
rgb(59,90,134)
-
#416494
#416494
rgb(65,100,148)
-
#476da2
#476da2
rgb(71,109,162)
-
#4d76af
#4d76af
rgb(77,118,175)
-
#5980b6
#5980b6
rgb(89,128,182)
-
#678bbc
#678bbc
rgb(103,139,188)
-
#7595c2
#7595c2
rgb(117,149,194)
-
#829fc8
#829fc8
rgb(130,159,200)
-
#90aace
#90aace
rgb(144,170,206)
-
#9eb4d4
#9eb4d4
rgb(158,180,212)
-
#abbfda
#abbfda
rgb(171,191,218)
-
#b9c9e0
#b9c9e0
rgb(185,201,224)
-
#c6d4e6
#c6d4e6
rgb(198,212,230)
-
#d4deec
#d4deec
rgb(212,222,236)
-
#e2e9f2
#e2e9f2
rgb(226,233,242)
-
#eff3f8
#eff3f8
rgb(239,243,248)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #2f486b
A tone is produced by adding gray to any pure hue. In this case, #4d4d4d is the less saturated color, while #064194 is the most saturated one.
-
#4d4d4d
#4d4d4d
rgb(77,77,77)
-
#474c53
#474c53
rgb(71,76,83)
-
#414b59
#414b59
rgb(65,75,89)
-
#3b4a5f
#3b4a5f
rgb(59,74,95)
-
#354965
#354965
rgb(53,73,101)
-
#2f486b
#2f486b
rgb(47,72,107)
-
#294771
#294771
rgb(41,71,113)
-
#234677
#234677
rgb(35,70,119)
-
#1d457d
#1d457d
rgb(29,69,125)
-
#174483
#174483
rgb(23,68,131)
-
#114389
#114389
rgb(17,67,137)
-
#0b428f
#0b428f
rgb(11,66,143)
-
#064194
#064194
rgb(6,65,148)
Color Blindness Simulator
Below, you can see how #2f486b 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.