#2a5bd4 Color Information
In a RGB color space, hex #2a5bd4 is composed of 16.5% red, 35.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 57.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 222.7 degrees, a saturation of 66.9% and a lightness of 49.8%. #2a5bd4 color hex could be obtained by blending #54b6ff with #0000a9. Closest websafe color is: #3366cc.
-
- R 16
- G 36
- B 83
-
- C 80
- M 57
- Y 0
- K 17
● #2a5bd4 color description : Strong blue.
#2a5bd4 Color Conversion
The hexadecimal color #2a5bd4 has RGB values of R:42, G:91, B:212 and CMYK values of C:0.8, M:0.57, Y:0, K:0.17. Its decimal value is 2776020.
Hex triplet | 2a5bd4 | #2a5bd4 |
---|---|---|
RGB Decimal | 42, 91, 212 | rgb(42,91,212) |
RGB Percent | 16.5, 35.7, 83.1 | rgb(16.5%,35.7%,83.1%) |
CMYK | 80, 57, 0, 17 | |
HSL | 222.7°, 66.9, 49.8 | hsl(222.7,66.9%,49.8%) |
HSV (or HSB) | 222.7°, 80.2, 83.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.348, 27.855, -66.817 |
---|---|
XYZ | 16.577, 12.727, 63.867 |
xyY | 0.178, 0.137, 12.727 |
CIE-LCH | 42.348, 72.391, 292.631 |
CIE-LUV | 42.348, -17.444, -99.824 |
Hunter-Lab | 35.674, 20.515, -81.173 |
Binary | 00101010, 01011011, 11010100 |
Color Schemes with #2a5bd4
Alternatives to #2a5bd4
Below, you can see some colors close to #2a5bd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a5bd4 Preview
This text has a font color of #2a5bd4.
<span style="color:#2a5bd4;">Text here</span>
This paragraph has a background color of #2a5bd4.
<p style="background-color:#2a5bd4;">Content here</p>
This element has a border color of #2a5bd4.
<div style="border:1px solid #2a5bd4;">Content here</div>
.text {color:#2a5bd4;}
.background {background-color:#2a5bd4;}
.border {border:1px solid #2a5bd4;}
Shades and Tints of #2a5bd4
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, #030710 is the darkest color, while #fefeff is the lightest one.
-
#030710
#030710
rgb(3,7,16)
-
#060e20
#060e20
rgb(6,14,32)
-
#0a1530
#0a1530
rgb(10,21,48)
-
#0d1c41
#0d1c41
rgb(13,28,65)
-
#102351
#102351
rgb(16,35,81)
-
#132a61
#132a61
rgb(19,42,97)
-
#173172
#173172
rgb(23,49,114)
-
#1a3882
#1a3882
rgb(26,56,130)
-
#1d3f93
#1d3f93
rgb(29,63,147)
-
#2046a3
#2046a3
rgb(32,70,163)
-
#244db3
#244db3
rgb(36,77,179)
-
#2754c4
#2754c4
rgb(39,84,196)
-
#2a5bd4
#2a5bd4
rgb(42,91,212)
-
#3a67d8
#3a67d8
rgb(58,103,216)
-
#4a74db
#4a74db
rgb(74,116,219)
-
#5a80de
#5a80de
rgb(90,128,222)
-
#6b8de2
#6b8de2
rgb(107,141,226)
-
#7b9ae5
#7b9ae5
rgb(123,154,229)
-
#8ca6e8
#8ca6e8
rgb(140,166,232)
-
#9cb3eb
#9cb3eb
rgb(156,179,235)
-
#acbfef
#acbfef
rgb(172,191,239)
-
#bdccf2
#bdccf2
rgb(189,204,242)
-
#cdd9f5
#cdd9f5
rgb(205,217,245)
-
#dde5f8
#dde5f8
rgb(221,229,248)
-
#eef2fc
#eef2fc
rgb(238,242,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #2a5bd4
A tone is produced by adding gray to any pure hue. In this case, #787c86 is the less saturated color, while #034afb is the most saturated one.
-
#787c86
#787c86
rgb(120,124,134)
-
#6e7890
#6e7890
rgb(110,120,144)
-
#657499
#657499
rgb(101,116,153)
-
#5b70a3
#5b70a3
rgb(91,112,163)
-
#516cad
#516cad
rgb(81,108,173)
-
#4767b7
#4767b7
rgb(71,103,183)
-
#3e63c0
#3e63c0
rgb(62,99,192)
-
#345fca
#345fca
rgb(52,95,202)
-
#2a5bd4
#2a5bd4
rgb(42,91,212)
-
#2057de
#2057de
rgb(32,87,222)
-
#1653e8
#1653e8
rgb(22,83,232)
-
#0d4ff1
#0d4ff1
rgb(13,79,241)
-
#034afb
#034afb
rgb(3,74,251)
Color Blindness Simulator
Below, you can see how #2a5bd4 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.