#2f56a2 Color Information
In a RGB color space, hex #2f56a2 is composed of 18.4% red, 33.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 46.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 219.7 degrees, a saturation of 55% and a lightness of 41%. #2f56a2 color hex could be obtained by blending #5eacff with #000045. Closest websafe color is: #336699.
-
- R 18
- G 34
- B 64
-
- C 71
- M 47
- Y 0
- K 36
● #2f56a2 color description : Dark blue.
#2f56a2 Color Conversion
The hexadecimal color #2f56a2 has RGB values of R:47, G:86, B:162 and CMYK values of C:0.71, M:0.47, Y:0, K:0.36. Its decimal value is 3102370.
Hex triplet | 2f56a2 | #2f56a2 |
---|---|---|
RGB Decimal | 47, 86, 162 | rgb(47,86,162) |
RGB Percent | 18.4, 33.7, 63.5 | rgb(18.4%,33.7%,63.5%) |
CMYK | 71, 47, 0, 36 | |
HSL | 219.7°, 55, 41 | hsl(219.7,55%,41%) |
HSV (or HSB) | 219.7°, 71, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.604, 12.759, -45.238 |
---|---|
XYZ | 11.02, 9.868, 35.504 |
xyY | 0.195, 0.175, 9.868 |
CIE-LCH | 37.604, 47.003, 285.751 |
CIE-LUV | 37.604, -15.566, -65.456 |
Hunter-Lab | 31.413, 7.648, -45.023 |
Binary | 00101111, 01010110, 10100010 |
Color Schemes with #2f56a2
Alternatives to #2f56a2
Below, you can see some colors close to #2f56a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f56a2 Preview
This text has a font color of #2f56a2.
<span style="color:#2f56a2;">Text here</span>
This paragraph has a background color of #2f56a2.
<p style="background-color:#2f56a2;">Content here</p>
This element has a border color of #2f56a2.
<div style="border:1px solid #2f56a2;">Content here</div>
.text {color:#2f56a2;}
.background {background-color:#2f56a2;}
.border {border:1px solid #2f56a2;}
Shades and Tints of #2f56a2
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, #03050a is the darkest color, while #fafbfd is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070d19
#070d19
rgb(7,13,25)
-
#0c1528
#0c1528
rgb(12,21,40)
-
#101e38
#101e38
rgb(16,30,56)
-
#152647
#152647
rgb(21,38,71)
-
#192e56
#192e56
rgb(25,46,86)
-
#1d3665
#1d3665
rgb(29,54,101)
-
#223e74
#223e74
rgb(34,62,116)
-
#264684
#264684
rgb(38,70,132)
-
#2b4e93
#2b4e93
rgb(43,78,147)
-
#2f56a2
#2f56a2
rgb(47,86,162)
-
#335eb1
#335eb1
rgb(51,94,177)
-
#3866c0
#3866c0
rgb(56,102,192)
-
#4370c9
#4370c9
rgb(67,112,201)
-
#537ccd
#537ccd
rgb(83,124,205)
-
#6288d1
#6288d1
rgb(98,136,209)
-
#7193d6
#7193d6
rgb(113,147,214)
-
#809fda
#809fda
rgb(128,159,218)
-
#8faadf
#8faadf
rgb(143,170,223)
-
#9fb6e3
#9fb6e3
rgb(159,182,227)
-
#aec1e7
#aec1e7
rgb(174,193,231)
-
#bdcdec
#bdcdec
rgb(189,205,236)
-
#ccd8f0
#ccd8f0
rgb(204,216,240)
-
#dbe4f5
#dbe4f5
rgb(219,228,245)
-
#ebeff9
#ebeff9
rgb(235,239,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #2f56a2
A tone is produced by adding gray to any pure hue. In this case, #67686a is the less saturated color, while #0749ca is the most saturated one.
-
#67686a
#67686a
rgb(103,104,106)
-
#5f6672
#5f6672
rgb(95,102,114)
-
#57637a
#57637a
rgb(87,99,122)
-
#4f6082
#4f6082
rgb(79,96,130)
-
#475e8a
#475e8a
rgb(71,94,138)
-
#3f5b92
#3f5b92
rgb(63,91,146)
-
#37599a
#37599a
rgb(55,89,154)
-
#2f56a2
#2f56a2
rgb(47,86,162)
-
#2753aa
#2753aa
rgb(39,83,170)
-
#1f51b2
#1f51b2
rgb(31,81,178)
-
#174eba
#174eba
rgb(23,78,186)
-
#0f4cc2
#0f4cc2
rgb(15,76,194)
-
#0749ca
#0749ca
rgb(7,73,202)
Color Blindness Simulator
Below, you can see how #2f56a2 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.