#2a7bb2 Color Information
In a RGB color space, hex #2a7bb2 is composed of 16.5% red, 48.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 30.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 204.3 degrees, a saturation of 61.8% and a lightness of 43.1%. #2a7bb2 color hex could be obtained by blending #54f6ff with #000065. Closest websafe color is: #336699.
-
- R 16
- G 48
- B 70
-
- C 76
- M 31
- Y 0
- K 30
● #2a7bb2 color description : Dark blue.
#2a7bb2 Color Conversion
The hexadecimal color #2a7bb2 has RGB values of R:42, G:123, B:178 and CMYK values of C:0.76, M:0.31, Y:0, K:0.3. Its decimal value is 2784178.
Hex triplet | 2a7bb2 | #2a7bb2 |
---|---|---|
RGB Decimal | 42, 123, 178 | rgb(42,123,178) |
RGB Percent | 16.5, 48.2, 69.8 | rgb(16.5%,48.2%,69.8%) |
CMYK | 76, 31, 0, 30 | |
HSL | 204.3°, 61.8, 43.1 | hsl(204.3,61.8%,43.1%) |
HSV (or HSB) | 204.3°, 76.4, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 49.339, -5.147, -36.011 |
---|---|
XYZ | 16.072, 17.871, 44.719 |
xyY | 0.204, 0.227, 17.871 |
CIE-LCH | 49.339, 36.377, 261.867 |
CIE-LUV | 49.339, -28.32, -53.766 |
Hunter-Lab | 42.274, -6.118, -33.127 |
Binary | 00101010, 01111011, 10110010 |
Color Schemes with #2a7bb2
Alternatives to #2a7bb2
Below, you can see some colors close to #2a7bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a7bb2 Preview
This text has a font color of #2a7bb2.
<span style="color:#2a7bb2;">Text here</span>
This paragraph has a background color of #2a7bb2.
<p style="background-color:#2a7bb2;">Content here</p>
This element has a border color of #2a7bb2.
<div style="border:1px solid #2a7bb2;">Content here</div>
.text {color:#2a7bb2;}
.background {background-color:#2a7bb2;}
.border {border:1px solid #2a7bb2;}
Shades and Tints of #2a7bb2
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, #010203 is the darkest color, while #f3f8fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050d13
#050d13
rgb(5,13,19)
-
#081823
#081823
rgb(8,24,35)
-
#0c2333
#0c2333
rgb(12,35,51)
-
#102e43
#102e43
rgb(16,46,67)
-
#143953
#143953
rgb(20,57,83)
-
#174463
#174463
rgb(23,68,99)
-
#1b4f73
#1b4f73
rgb(27,79,115)
-
#1f5a82
#1f5a82
rgb(31,90,130)
-
#236592
#236592
rgb(35,101,146)
-
#2670a2
#2670a2
rgb(38,112,162)
-
#2a7bb2
#2a7bb2
rgb(42,123,178)
-
#2e86c2
#2e86c2
rgb(46,134,194)
-
#3490cf
#3490cf
rgb(52,144,207)
-
#4499d3
#4499d3
rgb(68,153,211)
-
#54a2d7
#54a2d7
rgb(84,162,215)
-
#64aada
#64aada
rgb(100,170,218)
-
#74b3de
#74b3de
rgb(116,179,222)
-
#83bce2
#83bce2
rgb(131,188,226)
-
#93c4e6
#93c4e6
rgb(147,196,230)
-
#a3cde9
#a3cde9
rgb(163,205,233)
-
#b3d6ed
#b3d6ed
rgb(179,214,237)
-
#c3def1
#c3def1
rgb(195,222,241)
-
#d3e7f5
#d3e7f5
rgb(211,231,245)
-
#e3f0f8
#e3f0f8
rgb(227,240,248)
-
#f3f8fc
#f3f8fc
rgb(243,248,252)
Tones of #2a7bb2
A tone is produced by adding gray to any pure hue. In this case, #6e6e6e is the less saturated color, while #0881d4 is the most saturated one.
-
#6e6e6e
#6e6e6e
rgb(110,110,110)
-
#657077
#657077
rgb(101,112,119)
-
#5d717f
#5d717f
rgb(93,113,127)
-
#547388
#547388
rgb(84,115,136)
-
#4c7590
#4c7590
rgb(76,117,144)
-
#437699
#437699
rgb(67,118,153)
-
#3b78a1
#3b78a1
rgb(59,120,161)
-
#3279aa
#3279aa
rgb(50,121,170)
-
#2a7bb2
#2a7bb2
rgb(42,123,178)
-
#227dba
#227dba
rgb(34,125,186)
-
#197ec3
#197ec3
rgb(25,126,195)
-
#1180cb
#1180cb
rgb(17,128,203)
-
#0881d4
#0881d4
rgb(8,129,212)
Color Blindness Simulator
Below, you can see how #2a7bb2 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.