#2f55a2 Color Information
In a RGB color space, hex #2f55a2 is composed of 18.4% red, 33.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 47.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 220.2 degrees, a saturation of 55% and a lightness of 41%. #2f55a2 color hex could be obtained by blending #5eaaff with #000045. Closest websafe color is: #336699.
-
- R 18
- G 33
- B 64
-
- C 71
- M 48
- Y 0
- K 36
● #2f55a2 color description : Dark blue.
#2f55a2 Color Conversion
The hexadecimal color #2f55a2 has RGB values of R:47, G:85, B:162 and CMYK values of C:0.71, M:0.48, Y:0, K:0.36. Its decimal value is 3102114.
Hex triplet | 2f55a2 | #2f55a2 |
---|---|---|
RGB Decimal | 47, 85, 162 | rgb(47,85,162) |
RGB Percent | 18.4, 33.3, 63.5 | rgb(18.4%,33.3%,63.5%) |
CMYK | 71, 48, 0, 36 | |
HSL | 220.2°, 55, 41 | hsl(220.2,55%,41%) |
HSV (or HSB) | 220.2°, 71, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.315, 13.418, -45.701 |
---|---|
XYZ | 10.941, 9.709, 35.478 |
xyY | 0.195, 0.173, 9.709 |
CIE-LCH | 37.315, 47.63, 286.362 |
CIE-LUV | 37.315, -15.254, -66.021 |
Hunter-Lab | 31.16, 8.147, -45.695 |
Binary | 00101111, 01010101, 10100010 |
Color Schemes with #2f55a2
Alternatives to #2f55a2
Below, you can see some colors close to #2f55a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f55a2 Preview
This text has a font color of #2f55a2.
<span style="color:#2f55a2;">Text here</span>
This paragraph has a background color of #2f55a2.
<p style="background-color:#2f55a2;">Content here</p>
This element has a border color of #2f55a2.
<div style="border:1px solid #2f55a2;">Content here</div>
.text {color:#2f55a2;}
.background {background-color:#2f55a2;}
.border {border:1px solid #2f55a2;}
Shades and Tints of #2f55a2
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)
-
#101d38
#101d38
rgb(16,29,56)
-
#152547
#152547
rgb(21,37,71)
-
#192d56
#192d56
rgb(25,45,86)
-
#1d3565
#1d3565
rgb(29,53,101)
-
#223d74
#223d74
rgb(34,61,116)
-
#264584
#264584
rgb(38,69,132)
-
#2b4d93
#2b4d93
rgb(43,77,147)
-
#2f55a2
#2f55a2
rgb(47,85,162)
-
#335db1
#335db1
rgb(51,93,177)
-
#3865c0
#3865c0
rgb(56,101,192)
-
#436fc9
#436fc9
rgb(67,111,201)
-
#537bcd
#537bcd
rgb(83,123,205)
-
#6287d1
#6287d1
rgb(98,135,209)
-
#7192d6
#7192d6
rgb(113,146,214)
-
#809eda
#809eda
rgb(128,158,218)
-
#8faadf
#8faadf
rgb(143,170,223)
-
#9fb5e3
#9fb5e3
rgb(159,181,227)
-
#aec1e7
#aec1e7
rgb(174,193,231)
-
#bdccec
#bdccec
rgb(189,204,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 #2f55a2
A tone is produced by adding gray to any pure hue. In this case, #67686a is the less saturated color, while #0747ca is the most saturated one.
-
#67686a
#67686a
rgb(103,104,106)
-
#5f6572
#5f6572
rgb(95,101,114)
-
#57637a
#57637a
rgb(87,99,122)
-
#4f6082
#4f6082
rgb(79,96,130)
-
#475d8a
#475d8a
rgb(71,93,138)
-
#3f5a92
#3f5a92
rgb(63,90,146)
-
#37589a
#37589a
rgb(55,88,154)
-
#2f55a2
#2f55a2
rgb(47,85,162)
-
#2752aa
#2752aa
rgb(39,82,170)
-
#1f50b2
#1f50b2
rgb(31,80,178)
-
#174dba
#174dba
rgb(23,77,186)
-
#0f4ac2
#0f4ac2
rgb(15,74,194)
-
#0747ca
#0747ca
rgb(7,71,202)
Color Blindness Simulator
Below, you can see how #2f55a2 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.