#2f5ba2 Color Information
In a RGB color space, hex #2f5ba2 is composed of 18.4% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 43.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 217 degrees, a saturation of 55% and a lightness of 41%. #2f5ba2 color hex could be obtained by blending #5eb6ff with #000045. Closest websafe color is: #336699.
-
- R 18
- G 36
- B 64
-
- C 71
- M 44
- Y 0
- K 36
● #2f5ba2 color description : Dark blue.
#2f5ba2 Color Conversion
The hexadecimal color #2f5ba2 has RGB values of R:47, G:91, B:162 and CMYK values of C:0.71, M:0.44, Y:0, K:0.36. Its decimal value is 3103650.
Hex triplet | 2f5ba2 | #2f5ba2 |
---|---|---|
RGB Decimal | 47, 91, 162 | rgb(47,91,162) |
RGB Percent | 18.4, 35.7, 63.5 | rgb(18.4%,35.7%,63.5%) |
CMYK | 71, 44, 0, 36 | |
HSL | 217°, 55, 41 | hsl(217,55%,41%) |
HSV (or HSB) | 217°, 71, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.061, 9.491, -42.904 |
---|---|
XYZ | 11.434, 10.694, 35.642 |
xyY | 0.198, 0.185, 10.694 |
CIE-LCH | 39.061, 43.941, 282.474 |
CIE-LUV | 39.061, -17.156, -62.498 |
Hunter-Lab | 32.702, 5.179, -41.729 |
Binary | 00101111, 01011011, 10100010 |
Color Schemes with #2f5ba2
Alternatives to #2f5ba2
Below, you can see some colors close to #2f5ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f5ba2 Preview
This text has a font color of #2f5ba2.
<span style="color:#2f5ba2;">Text here</span>
This paragraph has a background color of #2f5ba2.
<p style="background-color:#2f5ba2;">Content here</p>
This element has a border color of #2f5ba2.
<div style="border:1px solid #2f5ba2;">Content here</div>
.text {color:#2f5ba2;}
.background {background-color:#2f5ba2;}
.border {border:1px solid #2f5ba2;}
Shades and Tints of #2f5ba2
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, #03060a is the darkest color, while #fafbfd is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#070e19
#070e19
rgb(7,14,25)
-
#0c1728
#0c1728
rgb(12,23,40)
-
#101f38
#101f38
rgb(16,31,56)
-
#152847
#152847
rgb(21,40,71)
-
#193056
#193056
rgb(25,48,86)
-
#1d3965
#1d3965
rgb(29,57,101)
-
#224174
#224174
rgb(34,65,116)
-
#264a84
#264a84
rgb(38,74,132)
-
#2b5293
#2b5293
rgb(43,82,147)
-
#2f5ba2
#2f5ba2
rgb(47,91,162)
-
#3364b1
#3364b1
rgb(51,100,177)
-
#386cc0
#386cc0
rgb(56,108,192)
-
#4376c9
#4376c9
rgb(67,118,201)
-
#5381cd
#5381cd
rgb(83,129,205)
-
#628cd1
#628cd1
rgb(98,140,209)
-
#7198d6
#7198d6
rgb(113,152,214)
-
#80a3da
#80a3da
rgb(128,163,218)
-
#8faedf
#8faedf
rgb(143,174,223)
-
#9fb9e3
#9fb9e3
rgb(159,185,227)
-
#aec4e7
#aec4e7
rgb(174,196,231)
-
#bdcfec
#bdcfec
rgb(189,207,236)
-
#ccdaf0
#ccdaf0
rgb(204,218,240)
-
#dbe5f5
#dbe5f5
rgb(219,229,245)
-
#ebf0f9
#ebf0f9
rgb(235,240,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #2f5ba2
A tone is produced by adding gray to any pure hue. In this case, #67686a is the less saturated color, while #0752ca is the most saturated one.
-
#67686a
#67686a
rgb(103,104,106)
-
#5f6672
#5f6672
rgb(95,102,114)
-
#57647a
#57647a
rgb(87,100,122)
-
#4f6382
#4f6382
rgb(79,99,130)
-
#47618a
#47618a
rgb(71,97,138)
-
#3f5f92
#3f5f92
rgb(63,95,146)
-
#375d9a
#375d9a
rgb(55,93,154)
-
#2f5ba2
#2f5ba2
rgb(47,91,162)
-
#2759aa
#2759aa
rgb(39,89,170)
-
#1f57b2
#1f57b2
rgb(31,87,178)
-
#1755ba
#1755ba
rgb(23,85,186)
-
#0f53c2
#0f53c2
rgb(15,83,194)
-
#0752ca
#0752ca
rgb(7,82,202)
Color Blindness Simulator
Below, you can see how #2f5ba2 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.