#2f5f84 Color Information
In a RGB color space, hex #2f5f84 is composed of 18.4% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 28% magenta, 0% yellow and 48.2% black. It has a hue angle of 206.1 degrees, a saturation of 47.5% and a lightness of 35.1%. #2f5f84 color hex could be obtained by blending #5ebeff with #000009. Closest websafe color is: #336699.
-
- R 18
- G 37
- B 52
-
- C 64
- M 28
- Y 0
- K 48
● #2f5f84 color description : Dark moderate blue.
#2f5f84 Color Conversion
The hexadecimal color #2f5f84 has RGB values of R:47, G:95, B:132 and CMYK values of C:0.64, M:0.28, Y:0, K:0.48. Its decimal value is 3104644.
Hex triplet | 2f5f84 | #2f5f84 |
---|---|---|
RGB Decimal | 47, 95, 132 | rgb(47,95,132) |
RGB Percent | 18.4, 37.3, 51.8 | rgb(18.4%,37.3%,51.8%) |
CMYK | 64, 28, 0, 48 | |
HSL | 206.1°, 47.5, 35.1 | hsl(206.1,47.5%,35.1%) |
HSV (or HSB) | 206.1°, 64.4, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.645, -4.084, -25.495 |
---|---|
XYZ | 9.428, 10.454, 23.349 |
xyY | 0.218, 0.242, 10.454 |
CIE-LCH | 38.645, 25.82, 260.9 |
CIE-LUV | 38.645, -19.207, -35.243 |
Hunter-Lab | 32.333, -4.531, -20.184 |
Binary | 00101111, 01011111, 10000100 |
Color Schemes with #2f5f84
Alternatives to #2f5f84
Below, you can see some colors close to #2f5f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5f84 Preview
This text has a font color of #2f5f84.
<span style="color:#2f5f84;">Text here</span>
This paragraph has a background color of #2f5f84.
<p style="background-color:#2f5f84;">Content here</p>
This element has a border color of #2f5f84.
<div style="border:1px solid #2f5f84;">Content here</div>
.text {color:#2f5f84;}
.background {background-color:#2f5f84;}
.border {border:1px solid #2f5f84;}
Shades and Tints of #2f5f84
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, #010102 is the darkest color, while #f2f7fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060c10
#060c10
rgb(6,12,16)
-
#0b161f
#0b161f
rgb(11,22,31)
-
#10212d
#10212d
rgb(16,33,45)
-
#152b3c
#152b3c
rgb(21,43,60)
-
#1a354a
#1a354a
rgb(26,53,74)
-
#204059
#204059
rgb(32,64,89)
-
#254a67
#254a67
rgb(37,74,103)
-
#2a5576
#2a5576
rgb(42,85,118)
-
#2f5f84
#2f5f84
rgb(47,95,132)
-
#346992
#346992
rgb(52,105,146)
-
#3974a1
#3974a1
rgb(57,116,161)
-
#3e7eaf
#3e7eaf
rgb(62,126,175)
-
#4588bd
#4588bd
rgb(69,136,189)
-
#5392c2
#5392c2
rgb(83,146,194)
-
#629bc7
#629bc7
rgb(98,155,199)
-
#70a4cc
#70a4cc
rgb(112,164,204)
-
#7fadd1
#7fadd1
rgb(127,173,209)
-
#8db7d6
#8db7d6
rgb(141,183,214)
-
#9cc0dc
#9cc0dc
rgb(156,192,220)
-
#aac9e1
#aac9e1
rgb(170,201,225)
-
#b8d2e6
#b8d2e6
rgb(184,210,230)
-
#c7dbeb
#c7dbeb
rgb(199,219,235)
-
#d5e5f0
#d5e5f0
rgb(213,229,240)
-
#e4eef5
#e4eef5
rgb(228,238,245)
-
#f2f7fa
#f2f7fa
rgb(242,247,250)
Tones of #2f5f84
A tone is produced by adding gray to any pure hue. In this case, #585a5b is the less saturated color, while #0664ad is the most saturated one.
-
#585a5b
#585a5b
rgb(88,90,91)
-
#515b62
#515b62
rgb(81,91,98)
-
#4b5b68
#4b5b68
rgb(75,91,104)
-
#445c6f
#445c6f
rgb(68,92,111)
-
#3d5d76
#3d5d76
rgb(61,93,118)
-
#365e7d
#365e7d
rgb(54,94,125)
-
#2f5f84
#2f5f84
rgb(47,95,132)
-
#28608b
#28608b
rgb(40,96,139)
-
#216192
#216192
rgb(33,97,146)
-
#1a6299
#1a6299
rgb(26,98,153)
-
#1363a0
#1363a0
rgb(19,99,160)
-
#0d63a6
#0d63a6
rgb(13,99,166)
-
#0664ad
#0664ad
rgb(6,100,173)
Color Blindness Simulator
Below, you can see how #2f5f84 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.