#2a4e95 hex color

In a RGB color space, hex #2a4e95 is composed of 16.5% red, 30.6% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 47.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 219.8 degrees, a saturation of 56% and a lightness of 37.5%. #2a4e95 color hex could be obtained by blending #549cff with #00002b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 31
- B 58
RGB color chart
- C 72
- M 48
- Y 0
- K 42
CMYK color chart

● #2a4e95 color description : Dark blue.

The hexadecimal color #2a4e95 has RGB values of R:42, G:78, B:149 and CMYK values of C:0.72, M:0.48, Y:0, K:0.42. Its decimal value is 2772629.

Hex triplet	2a4e95	`#2a4e95`
RGB Decimal	42, 78, 149	`rgb(42,78,149)`
RGB Percent	16.5, 30.6, 58.4	`rgb(16.5%,30.6%,58.4%)`
CMYK	72, 48, 0, 42
HSL	219.8°, 56, 37.5	`hsl(219.8,56%,37.5%)`
HSV (or HSB)	219.8°, 71.8, 58.4
Web Safe	336699	`#336699`

CIE-LAB	34.212, 12.332, -42.869
XYZ	9.103, 8.11, 29.518
xyY	0.195, 0.174, 8.11
CIE-LCH	34.212, 44.608, 286.049
CIE-LUV	34.212, -14.149, -60.267
Hunter-Lab	28.479, 7.218, -41.519
Binary	00101010, 01001110, 10010101

#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#95712a
```
#95712a rgb(149,113,42)
```

Complementary Color

#2a8495
```
#2a8495 rgb(42,132,149)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#3b2a95
```
#3b2a95 rgb(59,42,149)
```

Analogous Color

#84952a
```
#84952a rgb(132,149,42)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#953b2a
```
#953b2a rgb(149,59,42)
```

Split Complementary Color

#4e952a
```
#4e952a rgb(78,149,42)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#952a4e
```
#952a4e rgb(149,42,78)
```

Triadic Color

#2a9571
```
#2a9571 rgb(42,149,113)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#952a4e
```
#952a4e rgb(149,42,78)
```
#95712a
```
#95712a rgb(149,113,42)
```

Tetradic Color

#192f59
```
#192f59 rgb(25,47,89)
```
#1f396d
```
#1f396d rgb(31,57,109)
```
#244481
```
#244481 rgb(36,68,129)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#3058a9
```
#3058a9 rgb(48,88,169)
```
#3563bd
```
#3563bd rgb(53,99,189)
```
#4270ca
```
#4270ca rgb(66,112,202)
```

Monochromatic Color

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

#2a6995
```
#2a6995 rgb(42,105,149)
```
#2a6095
```
#2a6095 rgb(42,96,149)
```
#2a5795
```
#2a5795 rgb(42,87,149)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#2a4595
```
#2a4595 rgb(42,69,149)
```
#2a3c95
```
#2a3c95 rgb(42,60,149)
```
#2a3395
```
#2a3395 rgb(42,51,149)
```

Similar Colors

Text with hexadecimal color #2a4e95

This text has a font color of #2a4e95.

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

#2a4e95 background color

This paragraph has a background color of #2a4e95.

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

#2a4e95 border color

This element has a border color of #2a4e95.

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

CSS codes

.text {color:#2a4e95;}

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

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

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

#03060b
```
#03060b rgb(3,6,11)
```
#070e1b
```
#070e1b rgb(7,14,27)
```
#0c162a
```
#0c162a rgb(12,22,42)
```
#101e39
```
#101e39 rgb(16,30,57)
```
#142648
```
#142648 rgb(20,38,72)
```
#192e58
```
#192e58 rgb(25,46,88)
```
#1d3667
```
#1d3667 rgb(29,54,103)
```
#213e76
```
#213e76 rgb(33,62,118)
```
#264686
```
#264686 rgb(38,70,134)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#2e56a4
```
#2e56a4 rgb(46,86,164)
```
#335eb4
```
#335eb4 rgb(51,94,180)
```
#3766c3
```
#3766c3 rgb(55,102,195)
```

Shade Color Variation

#4371ca
```
#4371ca rgb(67,113,202)
```
#537cce
```
#537cce rgb(83,124,206)
```
#6288d3
```
#6288d3 rgb(98,136,211)
```
#7194d7
```
#7194d7 rgb(113,148,215)
```
#819fdb
```
#819fdb rgb(129,159,219)
```
#90abe0
```
#90abe0 rgb(144,171,224)
```
#9fb6e4
```
#9fb6e4 rgb(159,182,228)
```
#aec2e8
```
#aec2e8 rgb(174,194,232)
```
#beceed
```
#beceed rgb(190,206,237)
```
#cdd9f1
```
#cdd9f1 rgb(205,217,241)
```
#dce5f5
```
#dce5f5 rgb(220,229,245)
```
#ecf0fa
```
#ecf0fa rgb(236,240,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f62 is the less saturated color, while #0542ba is the most saturated one.

#5d5f62
```
#5d5f62 rgb(93,95,98)
```
#565c69
```
#565c69 rgb(86,92,105)
```
#4f5a70
```
#4f5a70 rgb(79,90,112)
```
#475878
```
#475878 rgb(71,88,120)
```
#40557f
```
#40557f rgb(64,85,127)
```
#395386
```
#395386 rgb(57,83,134)
```
#31508e
```
#31508e rgb(49,80,142)
```
#2a4e95
```
#2a4e95 rgb(42,78,149)
```
#234c9c
```
#234c9c rgb(35,76,156)
```
#1b49a4
```
#1b49a4 rgb(27,73,164)
```
#1447ab
```
#1447ab rgb(20,71,171)
```
#0d44b2
```
#0d44b2 rgb(13,68,178)
```
#0542ba
```
#0542ba rgb(5,66,186)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#444c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#34579a Protanopia 1% of men
#005b97 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#305398 Protanomaly 1% of men, 0.01% of women
#0f5696 Deuteranomaly 6% of men, 0.4% of women
#0f5a78 Tritanomaly 0.01% of the population

#2a4e95 hex color

#2a4e95 Color Information

#2a4e95 Color Conversion

Color Schemes with #2a4e95

Alternatives to #2a4e95

#2a4e95 Preview

Shades and Tints of #2a4e95

Tones of #2a4e95

Color Blindness Simulator