#2a4ea8 hex color

In a RGB color space, hex #2a4ea8 is composed of 16.5% red, 30.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 53.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 222.9 degrees, a saturation of 60% and a lightness of 41.2%. #2a4ea8 color hex could be obtained by blending #549cff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 31
- B 66
RGB color chart
- C 75
- M 54
- Y 0
- K 34
CMYK color chart

● #2a4ea8 color description : Dark blue.

The hexadecimal color #2a4ea8 has RGB values of R:42, G:78, B:168 and CMYK values of C:0.75, M:0.54, Y:0, K:0.34. Its decimal value is 2772648.

Hex triplet	2a4ea8	`#2a4ea8`
RGB Decimal	42, 78, 168	`rgb(42,78,168)`
RGB Percent	16.5, 30.6, 65.9	`rgb(16.5%,30.6%,65.9%)`
CMYK	75, 54, 0, 34
HSL	222.9°, 60, 41.2	`hsl(222.9,60%,41.2%)`
HSV (or HSB)	222.9°, 75, 65.9
Web Safe	336699	`#336699`

CIE-LAB	35.533, 19.646, -52.171
XYZ	10.746, 8.767, 38.17
xyY	0.186, 0.152, 8.767
CIE-LCH	35.533, 55.748, 290.635
CIE-LUV	35.533, -14.061, -74.382
Hunter-Lab	29.61, 12.962, -55.703
Binary	00101010, 01001110, 10101000

#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#a8842a
```
#a8842a rgb(168,132,42)
```

Complementary Color

#2a8da8
```
#2a8da8 rgb(42,141,168)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#452aa8
```
#452aa8 rgb(69,42,168)
```

Analogous Color

#8da82a
```
#8da82a rgb(141,168,42)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#a8452a
```
#a8452a rgb(168,69,42)
```

Split Complementary Color

#4ea82a
```
#4ea82a rgb(78,168,42)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#a82a4e
```
#a82a4e rgb(168,42,78)
```

Triadic Color

#2aa884
```
#2aa884 rgb(42,168,132)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#a82a4e
```
#a82a4e rgb(168,42,78)
```
#a8842a
```
#a8842a rgb(168,132,42)
```

Tetradic Color

#1b326b
```
#1b326b rgb(27,50,107)
```
#203b7f
```
#203b7f rgb(32,59,127)
```
#254594
```
#254594 rgb(37,69,148)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#2f57bc
```
#2f57bc rgb(47,87,188)
```
#3862cd
```
#3862cd rgb(56,98,205)
```
#4c73d2
```
#4c73d2 rgb(76,115,210)
```

Monochromatic Color

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

#2a6ea8
```
#2a6ea8 rgb(42,110,168)
```
#2a63a8
```
#2a63a8 rgb(42,99,168)
```
#2a59a8
```
#2a59a8 rgb(42,89,168)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#2a44a8
```
#2a44a8 rgb(42,68,168)
```
#2a39a8
```
#2a39a8 rgb(42,57,168)
```
#2a2fa8
```
#2a2fa8 rgb(42,47,168)
```

Similar Colors

Text with hexadecimal color #2a4ea8

This text has a font color of #2a4ea8.

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

#2a4ea8 background color

This paragraph has a background color of #2a4ea8.

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

#2a4ea8 border color

This element has a border color of #2a4ea8.

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

CSS codes

.text {color:#2a4ea8;}

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

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

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, #03050b is the darkest color, while #fafbfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#070c1b
```
#070c1b rgb(7,12,27)
```
#0b142a
```
#0b142a rgb(11,20,42)
```
#0f1b3a
```
#0f1b3a rgb(15,27,58)
```
#12224a
```
#12224a rgb(18,34,74)
```
#162a5a
```
#162a5a rgb(22,42,90)
```
#1a3169
```
#1a3169 rgb(26,49,105)
```
#1e3879
```
#1e3879 rgb(30,56,121)
```
#223f89
```
#223f89 rgb(34,63,137)
```
#264798
```
#264798 rgb(38,71,152)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#2e55b8
```
#2e55b8 rgb(46,85,184)
```
#325dc7
```
#325dc7 rgb(50,93,199)
```

Shade Color Variation

#3e67cf
```
#3e67cf rgb(62,103,207)
```
#4e74d3
```
#4e74d3 rgb(78,116,211)
```
#5d80d7
```
#5d80d7 rgb(93,128,215)
```
#6d8cdb
```
#6d8cdb rgb(109,140,219)
```
#7d99de
```
#7d99de rgb(125,153,222)
```
#8da5e2
```
#8da5e2 rgb(141,165,226)
```
#9cb1e6
```
#9cb1e6 rgb(156,177,230)
```
#acbeea
```
#acbeea rgb(172,190,234)
```
#bccaee
```
#bccaee rgb(188,202,238)
```
#cbd6f2
```
#cbd6f2 rgb(203,214,242)
```
#dbe3f6
```
#dbe3f6 rgb(219,227,246)
```
#ebeffa
```
#ebeffa rgb(235,239,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63666f is the less saturated color, while #023dd0 is the most saturated one.

#63666f
```
#63666f rgb(99,102,111)
```
#5a6378
```
#5a6378 rgb(90,99,120)
```
#525f80
```
#525f80 rgb(82,95,128)
```
#4a5c88
```
#4a5c88 rgb(74,92,136)
```
#425890
```
#425890 rgb(66,88,144)
```
#3a5598
```
#3a5598 rgb(58,85,152)
```
#3251a0
```
#3251a0 rgb(50,81,160)
```
#2a4ea8
```
#2a4ea8 rgb(42,78,168)
```
#224bb0
```
#224bb0 rgb(34,75,176)
```
#1a47b8
```
#1a47b8 rgb(26,71,184)
```
#1244c0
```
#1244c0 rgb(18,68,192)
```
#0a40c8
```
#0a40c8 rgb(10,64,200)
```
#023dd0
```
#023dd0 rgb(2,61,208)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#464d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1259ae Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#1b55ac Protanomaly 1% of men, 0.01% of women
#0f589f Deuteranomaly 6% of men, 0.4% of women
#0f5c81 Tritanomaly 0.01% of the population

#2a4ea8 hex color

#2a4ea8 Color Information

#2a4ea8 Color Conversion

Color Schemes with #2a4ea8

Alternatives to #2a4ea8

#2a4ea8 Preview

Shades and Tints of #2a4ea8

Tones of #2a4ea8

Color Blindness Simulator