#2f55a1 Color Information
In a RGB color space, hex #2f55a1 is composed of 18.4% red, 33.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 47.2% magenta, 0% yellow and 36.9% black. It has a hue angle of 220 degrees, a saturation of 54.8% and a lightness of 40.8%. #2f55a1 color hex could be obtained by blending #5eaaff with #000043. Closest websafe color is: #336699.
-
- R 18
- G 33
- B 63
-
- C 71
- M 47
- Y 0
- K 37
● #2f55a1 color description : Dark blue.
#2f55a1 Color Conversion
The hexadecimal color #2f55a1 has RGB values of R:47, G:85, B:161 and CMYK values of C:0.71, M:0.47, Y:0, K:0.37. Its decimal value is 3102113.
Hex triplet | 2f55a1 | #2f55a1 |
---|---|---|
RGB Decimal | 47, 85, 161 | rgb(47,85,161) |
RGB Percent | 18.4, 33.3, 63.1 | rgb(18.4%,33.3%,63.1%) |
CMYK | 71, 47, 0, 37 | |
HSL | 220°, 54.8, 40.8 | hsl(220,54.8%,40.8%) |
HSV (or HSB) | 220°, 70.8, 63.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.251, 13.039, -45.208 |
---|---|
XYZ | 10.852, 9.674, 35.012 |
xyY | 0.195, 0.174, 9.674 |
CIE-LCH | 37.251, 47.051, 286.089 |
CIE-LUV | 37.251, -15.262, -65.253 |
Hunter-Lab | 31.103, 7.853, -44.969 |
Binary | 00101111, 01010101, 10100001 |
Color Schemes with #2f55a1
Alternatives to #2f55a1
Below, you can see some colors close to #2f55a1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f55a1 Preview
This text has a font color of #2f55a1.
<span style="color:#2f55a1;">Text here</span>
This paragraph has a background color of #2f55a1.
<p style="background-color:#2f55a1;">Content here</p>
This element has a border color of #2f55a1.
<div style="border:1px solid #2f55a1;">Content here</div>
.text {color:#2f55a1;}
.background {background-color:#2f55a1;}
.border {border:1px solid #2f55a1;}
Shades and Tints of #2f55a1
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, #030509 is the darkest color, while #f9fafd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#070d18
#070d18
rgb(7,13,24)
-
#0c1528
#0c1528
rgb(12,21,40)
-
#101d37
#101d37
rgb(16,29,55)
-
#142546
#142546
rgb(20,37,70)
-
#192d55
#192d55
rgb(25,45,85)
-
#1d3564
#1d3564
rgb(29,53,100)
-
#223d73
#223d73
rgb(34,61,115)
-
#264583
#264583
rgb(38,69,131)
-
#2b4d92
#2b4d92
rgb(43,77,146)
-
#2f55a1
#2f55a1
rgb(47,85,161)
-
#335db0
#335db0
rgb(51,93,176)
-
#3865bf
#3865bf
rgb(56,101,191)
-
#436fc8
#436fc8
rgb(67,111,200)
-
#527bcc
#527bcc
rgb(82,123,204)
-
#6186d1
#6186d1
rgb(97,134,209)
-
#7092d5
#7092d5
rgb(112,146,213)
-
#809eda
#809eda
rgb(128,158,218)
-
#8fa9de
#8fa9de
rgb(143,169,222)
-
#9eb5e3
#9eb5e3
rgb(158,181,227)
-
#adc0e7
#adc0e7
rgb(173,192,231)
-
#bcccec
#bcccec
rgb(188,204,236)
-
#cbd8f0
#cbd8f0
rgb(203,216,240)
-
#dbe3f4
#dbe3f4
rgb(219,227,244)
-
#eaeff9
#eaeff9
rgb(234,239,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #2f55a1
A tone is produced by adding gray to any pure hue. In this case, #676869 is the less saturated color, while #0748c9 is the most saturated one.
-
#676869
#676869
rgb(103,104,105)
-
#5f6571
#5f6571
rgb(95,101,113)
-
#576279
#576279
rgb(87,98,121)
-
#4f6081
#4f6081
rgb(79,96,129)
-
#475d89
#475d89
rgb(71,93,137)
-
#3f5a91
#3f5a91
rgb(63,90,145)
-
#375899
#375899
rgb(55,88,153)
-
#2f55a1
#2f55a1
rgb(47,85,161)
-
#2752a9
#2752a9
rgb(39,82,169)
-
#1f50b1
#1f50b1
rgb(31,80,177)
-
#174db9
#174db9
rgb(23,77,185)
-
#0f4ac1
#0f4ac1
rgb(15,74,193)
-
#0748c9
#0748c9
rgb(7,72,201)
Color Blindness Simulator
Below, you can see how #2f55a1 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.