#2a7bd6 Color Information
In a RGB color space, hex #2a7bd6 is composed of 16.5% red, 48.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 42.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 211.7 degrees, a saturation of 67.7% and a lightness of 50.2%. #2a7bd6 color hex could be obtained by blending #54f6ff with #0000ad. Closest websafe color is: #3366cc.
-
- R 16
- G 48
- B 84
-
- C 80
- M 43
- Y 0
- K 16
● #2a7bd6 color description : Strong blue.
#2a7bd6 Color Conversion
The hexadecimal color #2a7bd6 has RGB values of R:42, G:123, B:214 and CMYK values of C:0.8, M:0.43, Y:0, K:0.16. Its decimal value is 2784214.
Hex triplet | 2a7bd6 | #2a7bd6 |
---|---|---|
RGB Decimal | 42, 123, 214 | rgb(42,123,214) |
RGB Percent | 16.5, 48.2, 83.9 | rgb(16.5%,48.2%,83.9%) |
CMYK | 80, 43, 0, 16 | |
HSL | 211.7°, 67.7, 50.2 | hsl(211.7,67.7%,50.2%) |
HSV (or HSB) | 211.7°, 80.4, 83.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.28, 8.247, -53.532 |
---|---|
XYZ | 20.173, 19.512, 66.318 |
xyY | 0.19, 0.184, 19.512 |
CIE-LCH | 51.28, 54.163, 278.758 |
CIE-LUV | 51.28, -26.785, -83.481 |
Hunter-Lab | 44.172, 4.218, -58.095 |
Binary | 00101010, 01111011, 11010110 |
Color Schemes with #2a7bd6
Alternatives to #2a7bd6
Below, you can see some colors close to #2a7bd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a7bd6 Preview
This text has a font color of #2a7bd6.
<span style="color:#2a7bd6;">Text here</span>
This paragraph has a background color of #2a7bd6.
<p style="background-color:#2a7bd6;">Content here</p>
This element has a border color of #2a7bd6.
<div style="border:1px solid #2a7bd6;">Content here</div>
.text {color:#2a7bd6;}
.background {background-color:#2a7bd6;}
.border {border:1px solid #2a7bd6;}
Shades and Tints of #2a7bd6
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, #000001 is the darkest color, while #eff5fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030a11
#030a11
rgb(3,10,17)
-
#061322
#061322
rgb(6,19,34)
-
#0a1d32
#0a1d32
rgb(10,29,50)
-
#0d2643
#0d2643
rgb(13,38,67)
-
#103053
#103053
rgb(16,48,83)
-
#133964
#133964
rgb(19,57,100)
-
#164274
#164274
rgb(22,66,116)
-
#194c84
#194c84
rgb(25,76,132)
-
#1d5595
#1d5595
rgb(29,85,149)
-
#205fa5
#205fa5
rgb(32,95,165)
-
#2368b6
#2368b6
rgb(35,104,182)
-
#2672c6
#2672c6
rgb(38,114,198)
-
#2a7bd6
#2a7bd6
rgb(42,123,214)
-
#3a85d9
#3a85d9
rgb(58,133,217)
-
#4b8fdc
#4b8fdc
rgb(75,143,220)
-
#5b9adf
#5b9adf
rgb(91,154,223)
-
#6ca4e3
#6ca4e3
rgb(108,164,227)
-
#7caee6
#7caee6
rgb(124,174,230)
-
#8db8e9
#8db8e9
rgb(141,184,233)
-
#9dc2ec
#9dc2ec
rgb(157,194,236)
-
#aecdef
#aecdef
rgb(174,205,239)
-
#bed7f2
#bed7f2
rgb(190,215,242)
-
#cee1f6
#cee1f6
rgb(206,225,246)
-
#dfebf9
#dfebf9
rgb(223,235,249)
-
#eff5fc
#eff5fc
rgb(239,245,252)
Tones of #2a7bd6
A tone is produced by adding gray to any pure hue. In this case, #788088 is the less saturated color, while #0379fd is the most saturated one.
-
#788088
#788088
rgb(120,128,136)
-
#6e7f92
#6e7f92
rgb(110,127,146)
-
#657e9b
#657e9b
rgb(101,126,155)
-
#5b7ea5
#5b7ea5
rgb(91,126,165)
-
#517daf
#517daf
rgb(81,125,175)
-
#477db9
#477db9
rgb(71,125,185)
-
#3e7cc2
#3e7cc2
rgb(62,124,194)
-
#347ccc
#347ccc
rgb(52,124,204)
-
#2a7bd6
#2a7bd6
rgb(42,123,214)
-
#207ae0
#207ae0
rgb(32,122,224)
-
#167aea
#167aea
rgb(22,122,234)
-
#0d79f3
#0d79f3
rgb(13,121,243)
-
#0379fd
#0379fd
rgb(3,121,253)
Color Blindness Simulator
Below, you can see how #2a7bd6 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.