#2a5ed6 Color Information
In a RGB color space, hex #2a5ed6 is composed of 16.5% red, 36.9% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 56.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 221.9 degrees, a saturation of 67.7% and a lightness of 50.2%. #2a5ed6 color hex could be obtained by blending #54bcff with #0000ad. Closest websafe color is: #3366cc.
-
- R 16
- G 37
- B 84
-
- C 80
- M 56
- Y 0
- K 16
● #2a5ed6 color description : Strong blue.
#2a5ed6 Color Conversion
The hexadecimal color #2a5ed6 has RGB values of R:42, G:94, B:214 and CMYK values of C:0.8, M:0.56, Y:0, K:0.16. Its decimal value is 2776790.
Hex triplet | 2a5ed6 | #2a5ed6 |
---|---|---|
RGB Decimal | 42, 94, 214 | rgb(42,94,214) |
RGB Percent | 16.5, 36.9, 83.9 | rgb(16.5%,36.9%,83.9%) |
CMYK | 80, 56, 0, 16 | |
HSL | 221.9°, 67.7, 50.2 | hsl(221.9,67.7%,50.2%) |
HSV (or HSB) | 221.9°, 80.4, 83.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.288, 26.672, -66.432 |
---|---|
XYZ | 17.093, 13.351, 65.291 |
xyY | 0.179, 0.139, 13.351 |
CIE-LCH | 43.288, 71.587, 291.875 |
CIE-LUV | 43.288, -18.227, -99.916 |
Hunter-Lab | 36.54, 19.555, -80.365 |
Binary | 00101010, 01011110, 11010110 |
Color Schemes with #2a5ed6
Alternatives to #2a5ed6
Below, you can see some colors close to #2a5ed6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a5ed6 Preview
This text has a font color of #2a5ed6.
<span style="color:#2a5ed6;">Text here</span>
This paragraph has a background color of #2a5ed6.
<p style="background-color:#2a5ed6;">Content here</p>
This element has a border color of #2a5ed6.
<div style="border:1px solid #2a5ed6;">Content here</div>
.text {color:#2a5ed6;}
.background {background-color:#2a5ed6;}
.border {border:1px solid #2a5ed6;}
Shades and Tints of #2a5ed6
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 #eff3fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030811
#030811
rgb(3,8,17)
-
#060f22
#060f22
rgb(6,15,34)
-
#0a1632
#0a1632
rgb(10,22,50)
-
#0d1d43
#0d1d43
rgb(13,29,67)
-
#102453
#102453
rgb(16,36,83)
-
#132b64
#132b64
rgb(19,43,100)
-
#163374
#163374
rgb(22,51,116)
-
#193a84
#193a84
rgb(25,58,132)
-
#1d4195
#1d4195
rgb(29,65,149)
-
#2048a5
#2048a5
rgb(32,72,165)
-
#234fb6
#234fb6
rgb(35,79,182)
-
#2657c6
#2657c6
rgb(38,87,198)
-
#2a5ed6
#2a5ed6
rgb(42,94,214)
-
#3a6ad9
#3a6ad9
rgb(58,106,217)
-
#4b77dc
#4b77dc
rgb(75,119,220)
-
#5b83df
#5b83df
rgb(91,131,223)
-
#6c90e3
#6c90e3
rgb(108,144,227)
-
#7c9ce6
#7c9ce6
rgb(124,156,230)
-
#8da9e9
#8da9e9
rgb(141,169,233)
-
#9db5ec
#9db5ec
rgb(157,181,236)
-
#aec1ef
#aec1ef
rgb(174,193,239)
-
#becef2
#becef2
rgb(190,206,242)
-
#cedaf6
#cedaf6
rgb(206,218,246)
-
#dfe7f9
#dfe7f9
rgb(223,231,249)
-
#eff3fc
#eff3fc
rgb(239,243,252)
Tones of #2a5ed6
A tone is produced by adding gray to any pure hue. In this case, #787d88 is the less saturated color, while #034ffd is the most saturated one.
-
#787d88
#787d88
rgb(120,125,136)
-
#6e7992
#6e7992
rgb(110,121,146)
-
#65759b
#65759b
rgb(101,117,155)
-
#5b71a5
#5b71a5
rgb(91,113,165)
-
#516daf
#516daf
rgb(81,109,175)
-
#476ab9
#476ab9
rgb(71,106,185)
-
#3e66c2
#3e66c2
rgb(62,102,194)
-
#3462cc
#3462cc
rgb(52,98,204)
-
#2a5ed6
#2a5ed6
rgb(42,94,214)
-
#205ae0
#205ae0
rgb(32,90,224)
-
#1656ea
#1656ea
rgb(22,86,234)
-
#0d52f3
#0d52f3
rgb(13,82,243)
-
#034ffd
#034ffd
rgb(3,79,253)
Color Blindness Simulator
Below, you can see how #2a5ed6 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.