#2a4ec9 hex color

In a RGB color space, hex #2a4ec9 is composed of 16.5% red, 30.6% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 61.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 226.4 degrees, a saturation of 65.4% and a lightness of 47.6%. #2a4ec9 color hex could be obtained by blending #549cff with #000093. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 31
- B 79
RGB color chart
- C 79
- M 61
- Y 0
- K 21
CMYK color chart

● #2a4ec9 color description : Strong blue.

The hexadecimal color #2a4ec9 has RGB values of R:42, G:78, B:201 and CMYK values of C:0.79, M:0.61, Y:0, K:0.21. Its decimal value is 2772681.

Hex triplet	2a4ec9	`#2a4ec9`
RGB Decimal	42, 78, 201	`rgb(42,78,201)`
RGB Percent	16.5, 30.6, 78.8	`rgb(16.5%,30.6%,78.8%)`
CMYK	79, 61, 0, 21
HSL	226.4°, 65.4, 47.6	`hsl(226.4,65.4%,47.6%)`
HSV (or HSB)	226.4°, 79.1, 78.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.123, 32.144, -67.369
XYZ	14.22, 10.157, 56.466
xyY	0.176, 0.126, 10.157
CIE-LCH	38.123, 74.645, 295.507
CIE-LUV	38.123, -14.147, -97.262
Hunter-Lab	31.87, 23.87, -82.739
Binary	00101010, 01001110, 11001001

#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#c9a52a
```
#c9a52a rgb(201,165,42)
```

Complementary Color

#2a9ec9
```
#2a9ec9 rgb(42,158,201)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#552ac9
```
#552ac9 rgb(85,42,201)
```

Analogous Color

#9ec92a
```
#9ec92a rgb(158,201,42)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#c9552a
```
#c9552a rgb(201,85,42)
```

Split Complementary Color

#4ec92a
```
#4ec92a rgb(78,201,42)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#c92a4e
```
#c92a4e rgb(201,42,78)
```

Triadic Color

#2ac9a5
```
#2ac9a5 rgb(42,201,165)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#c92a4e
```
#c92a4e rgb(201,42,78)
```
#c9a52a
```
#c9a52a rgb(201,165,42)
```

Tetradic Color

#1d358a
```
#1d358a rgb(29,53,138)
```
#213e9f
```
#213e9f rgb(33,62,159)
```
#2646b4
```
#2646b4 rgb(38,70,180)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#375bd5
```
#375bd5 rgb(55,91,213)
```
#4c6cda
```
#4c6cda rgb(76,108,218)
```
#617ede
```
#617ede rgb(97,126,222)
```

Monochromatic Color

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

#2a76c9
```
#2a76c9 rgb(42,118,201)
```
#2a69c9
```
#2a69c9 rgb(42,105,201)
```
#2a5bc9
```
#2a5bc9 rgb(42,91,201)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#2a41c9
```
#2a41c9 rgb(42,65,201)
```
#2a34c9
```
#2a34c9 rgb(42,52,201)
```
#2e2ac9
```
#2e2ac9 rgb(46,42,201)
```

Similar Colors

Text with hexadecimal color #2a4ec9

This text has a font color of #2a4ec9.

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

#2a4ec9 background color

This paragraph has a background color of #2a4ec9.

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

#2a4ec9 border color

This element has a border color of #2a4ec9.

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

CSS codes

.text {color:#2a4ec9;}

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

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

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, #010206 is the darkest color, while #f5f7fd is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#050917
```
#050917 rgb(5,9,23)
```
#080f27
```
#080f27 rgb(8,15,39)
```
#0b1537
```
#0b1537 rgb(11,21,55)
```
#0f1c47
```
#0f1c47 rgb(15,28,71)
```
#122257
```
#122257 rgb(18,34,87)
```
#162868
```
#162868 rgb(22,40,104)
```
#192f78
```
#192f78 rgb(25,47,120)
```
#1c3588
```
#1c3588 rgb(28,53,136)
```
#203b98
```
#203b98 rgb(32,59,152)
```
#2341a9
```
#2341a9 rgb(35,65,169)
```
#2748b9
```
#2748b9 rgb(39,72,185)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```

Shade Color Variation

#3257d4
```
#3257d4 rgb(50,87,212)
```
#4364d8
```
#4364d8 rgb(67,100,216)
```
#5372db
```
#5372db rgb(83,114,219)
```
#637fde
```
#637fde rgb(99,127,222)
```
#738ce2
```
#738ce2 rgb(115,140,226)
```
#839ae5
```
#839ae5 rgb(131,154,229)
```
#94a7e9
```
#94a7e9 rgb(148,167,233)
```
#a4b4ec
```
#a4b4ec rgb(164,180,236)
```
#b4c2ef
```
#b4c2ef rgb(180,194,239)
```
#c4cff3
```
#c4cff3 rgb(196,207,243)
```
#d5dcf6
```
#d5dcf6 rgb(213,220,246)
```
#e5eafa
```
#e5eafa rgb(229,234,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777e is the less saturated color, while #053aee is the most saturated one.

#75777e
```
#75777e rgb(117,119,126)
```
#6b7288
```
#6b7288 rgb(107,114,136)
```
#626d91
```
#626d91 rgb(98,109,145)
```
#59689a
```
#59689a rgb(89,104,154)
```
#4f62a4
```
#4f62a4 rgb(79,98,164)
```
#465dad
```
#465dad rgb(70,93,173)
```
#3d58b6
```
#3d58b6 rgb(61,88,182)
```
#3353c0
```
#3353c0 rgb(51,83,192)
```
#2a4ec9
```
#2a4ec9 rgb(42,78,201)
```
#2149d2
```
#2149d2 rgb(33,73,210)
```
#1744dc
```
#1744dc rgb(23,68,220)
```
#0e3fe5
```
#0e3fe5 rgb(14,63,229)
```
#053aee
```
#053aee rgb(5,58,238)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#495069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#0f59bf Protanomaly 1% of men, 0.01% of women
#0f5cb0 Deuteranomaly 6% of men, 0.4% of women
#0f6191 Tritanomaly 0.01% of the population

#2a4ec9 hex color

#2a4ec9 Color Information

#2a4ec9 Color Conversion

Color Schemes with #2a4ec9

Alternatives to #2a4ec9

#2a4ec9 Preview

Shades and Tints of #2a4ec9

Tones of #2a4ec9

Color Blindness Simulator