#2a5ad4 hex color

In a RGB color space, hex #2a5ad4 is composed of 16.5% red, 35.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 57.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 223.1 degrees, a saturation of 66.9% and a lightness of 49.8%. #2a5ad4 color hex could be obtained by blending #54b4ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 35
- B 83
RGB color chart
- C 80
- M 58
- Y 0
- K 17
CMYK color chart

● #2a5ad4 color description : Strong blue.

The hexadecimal color #2a5ad4 has RGB values of R:42, G:90, B:212 and CMYK values of C:0.8, M:0.58, Y:0, K:0.17. Its decimal value is 2775764.

Hex triplet	2a5ad4	`#2a5ad4`
RGB Decimal	42, 90, 212	`rgb(42,90,212)`
RGB Percent	16.5, 35.3, 83.1	`rgb(16.5%,35.3%,83.1%)`
CMYK	80, 58, 0, 17
HSL	223.1°, 66.9, 49.8	`hsl(223.1,66.9%,49.8%)`
HSV (or HSB)	223.1°, 80.2, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.088, 28.501, -67.242
XYZ	16.492, 12.557, 63.838
xyY	0.178, 0.135, 12.557
CIE-LCH	42.088, 73.033, 292.97
CIE-LUV	42.088, -17.182, -100.243
Hunter-Lab	35.436, 21.064, -82.008
Binary	00101010, 01011010, 11010100

#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#d4a42a
```
#d4a42a rgb(212,164,42)
```

Complementary Color

#2aafd4
```
#2aafd4 rgb(42,175,212)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#4f2ad4
```
#4f2ad4 rgb(79,42,212)
```

Analogous Color

#afd42a
```
#afd42a rgb(175,212,42)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#d44f2a
```
#d44f2a rgb(212,79,42)
```

Split Complementary Color

#5ad42a
```
#5ad42a rgb(90,212,42)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#d42a5a
```
#d42a5a rgb(212,42,90)
```

Triadic Color

#2ad4a4
```
#2ad4a4 rgb(42,212,164)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#d42a5a
```
#d42a5a rgb(212,42,90)
```
#d4a42a
```
#d4a42a rgb(212,164,42)
```

Tetradic Color

#1d3f94
```
#1d3f94 rgb(29,63,148)
```
#2248a9
```
#2248a9 rgb(34,72,169)
```
#2651bf
```
#2651bf rgb(38,81,191)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#3f6ad9
```
#3f6ad9 rgb(63,106,217)
```
#547bdd
```
#547bdd rgb(84,123,221)
```
#698be1
```
#698be1 rgb(105,139,225)
```

Monochromatic Color

Below, you can see some colors close to #2a5ad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2a85d4
```
#2a85d4 rgb(42,133,212)
```
#2a76d4
```
#2a76d4 rgb(42,118,212)
```
#2a68d4
```
#2a68d4 rgb(42,104,212)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#2a4cd4
```
#2a4cd4 rgb(42,76,212)
```
#2a3ed4
```
#2a3ed4 rgb(42,62,212)
```
#2a30d4
```
#2a30d4 rgb(42,48,212)
```

Similar Colors

Text with hexadecimal color #2a5ad4

This text has a font color of #2a5ad4.

<span style="color:#2a5ad4;">Text here</span>

#2a5ad4 background color

This paragraph has a background color of #2a5ad4.

<p style="background-color:#2a5ad4;">Content here</p>

#2a5ad4 border color

This element has a border color of #2a5ad4.

<div style="border:1px solid #2a5ad4;">Content here</div>

CSS codes

.text {color:#2a5ad4;}

.background {background-color:#2a5ad4;}

.border {border:1px solid #2a5ad4;}

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)
```
#0a1430
```
#0a1430 rgb(10,20,48)
```
#0d1b41
```
#0d1b41 rgb(13,27,65)
```
#102251
```
#102251 rgb(16,34,81)
```
#132961
```
#132961 rgb(19,41,97)
```
#173072
```
#173072 rgb(23,48,114)
```
#1a3782
```
#1a3782 rgb(26,55,130)
```
#1d3e93
```
#1d3e93 rgb(29,62,147)
```
#2045a3
```
#2045a3 rgb(32,69,163)
```
#244cb3
```
#244cb3 rgb(36,76,179)
```
#2753c4
```
#2753c4 rgb(39,83,196)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```

Shade Color Variation

#3a66d8
```
#3a66d8 rgb(58,102,216)
```
#4a73db
```
#4a73db rgb(74,115,219)
```
#5a80de
```
#5a80de rgb(90,128,222)
```
#6b8ce2
```
#6b8ce2 rgb(107,140,226)
```
#7b99e5
```
#7b99e5 rgb(123,153,229)
```
#8ca6e8
```
#8ca6e8 rgb(140,166,232)
```
#9cb2eb
```
#9cb2eb rgb(156,178,235)
```
#acbfef
```
#acbfef rgb(172,191,239)
```
#bdccf2
```
#bdccf2 rgb(189,204,242)
```
#cdd8f5
```
#cdd8f5 rgb(205,216,245)
```
#dde5f8
```
#dde5f8 rgb(221,229,248)
```
#eef2fc
```
#eef2fc rgb(238,242,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787c86 is the less saturated color, while #0349fb is the most saturated one.

#787c86
```
#787c86 rgb(120,124,134)
```
#6e7890
```
#6e7890 rgb(110,120,144)
```
#657499
```
#657499 rgb(101,116,153)
```
#5b6fa3
```
#5b6fa3 rgb(91,111,163)
```
#516bad
```
#516bad rgb(81,107,173)
```
#4767b7
```
#4767b7 rgb(71,103,183)
```
#3e63c0
```
#3e63c0 rgb(62,99,192)
```
#345eca
```
#345eca rgb(52,94,202)
```
#2a5ad4
```
#2a5ad4 rgb(42,90,212)
```
#2056de
```
#2056de rgb(32,86,222)
```
#1651e8
```
#1651e8 rgb(22,81,232)
```
#0d4df1
```
#0d4df1 rgb(13,77,241)
```
#0349fb
```
#0349fb rgb(3,73,251)
```

Tone Color Variation

Below, you can see how #2a5ad4 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.

Monochromacy

#5a5a5a Achromatopsia 0.005% of the population
#505a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0f62ce Protanomaly 1% of men, 0.01% of women
#0f66be Deuteranomaly 6% of men, 0.4% of women
#0f6b9c Tritanomaly 0.01% of the population

#2a5ad4 hex color

#2a5ad4 Color Information

#2a5ad4 Color Conversion

Color Schemes with #2a5ad4

Alternatives to #2a5ad4

#2a5ad4 Preview

Shades and Tints of #2a5ad4

Tones of #2a5ad4

Color Blindness Simulator