#2a4395 hex color

In a RGB color space, hex #2a4395 is composed of 16.5% red, 26.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 55% magenta, 0% yellow and 41.6% black. It has a hue angle of 226 degrees, a saturation of 56% and a lightness of 37.5%. #2a4395 color hex could be obtained by blending #5486ff with #00002b. Closest websafe color is: #333399.

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

● #2a4395 color description : Dark blue.

The hexadecimal color #2a4395 has RGB values of R:42, G:67, B:149 and CMYK values of C:0.72, M:0.55, Y:0, K:0.42. Its decimal value is 2769813.

Hex triplet	2a4395	`#2a4395`
RGB Decimal	42, 67, 149	`rgb(42,67,149)`
RGB Percent	16.5, 26.3, 58.4	`rgb(16.5%,26.3%,58.4%)`
CMYK	72, 55, 0, 42
HSL	226°, 56, 37.5	`hsl(226,56%,37.5%)`
HSV (or HSB)	226°, 71.8, 58.4
Web Safe	333399	`#333399`

CIE-LAB	31.057, 19.755, -47.957
XYZ	8.386, 6.676, 29.279
xyY	0.189, 0.151, 6.676
CIE-LCH	31.057, 51.866, 292.388
CIE-LUV	31.057, -10.909, -65.549
Hunter-Lab	25.838, 12.716, -49.099
Binary	00101010, 01000011, 10010101

#2a4395
```
#2a4395 rgb(42,67,149)
```
#957c2a
```
#957c2a rgb(149,124,42)
```

Complementary Color

#2a7995
```
#2a7995 rgb(42,121,149)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#462a95
```
#462a95 rgb(70,42,149)
```

Analogous Color

#79952a
```
#79952a rgb(121,149,42)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#95462a
```
#95462a rgb(149,70,42)
```

Split Complementary Color

#43952a
```
#43952a rgb(67,149,42)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#952a43
```
#952a43 rgb(149,42,67)
```

Triadic Color

#2a957c
```
#2a957c rgb(42,149,124)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#952a43
```
#952a43 rgb(149,42,67)
```
#957c2a
```
#957c2a rgb(149,124,42)
```

Tetradic Color

#192859
```
#192859 rgb(25,40,89)
```
#1f316d
```
#1f316d rgb(31,49,109)
```
#243a81
```
#243a81 rgb(36,58,129)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#304ca9
```
#304ca9 rgb(48,76,169)
```
#3555bd
```
#3555bd rgb(53,85,189)
```
#4262ca
```
#4262ca rgb(66,98,202)
```

Monochromatic Color

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

#2a5e95
```
#2a5e95 rgb(42,94,149)
```
#2a5595
```
#2a5595 rgb(42,85,149)
```
#2a4c95
```
#2a4c95 rgb(42,76,149)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#2a3a95
```
#2a3a95 rgb(42,58,149)
```
#2a3195
```
#2a3195 rgb(42,49,149)
```
#2c2a95
```
#2c2a95 rgb(44,42,149)
```

Similar Colors

Text with hexadecimal color #2a4395

This text has a font color of #2a4395.

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

#2a4395 background color

This paragraph has a background color of #2a4395.

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

#2a4395 border color

This element has a border color of #2a4395.

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

CSS codes

.text {color:#2a4395;}

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

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

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 #fbfcfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#070c1b
```
#070c1b rgb(7,12,27)
```
#0c132a
```
#0c132a rgb(12,19,42)
```
#101a39
```
#101a39 rgb(16,26,57)
```
#142148
```
#142148 rgb(20,33,72)
```
#192758
```
#192758 rgb(25,39,88)
```
#1d2e67
```
#1d2e67 rgb(29,46,103)
```
#213576
```
#213576 rgb(33,53,118)
```
#263c86
```
#263c86 rgb(38,60,134)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#2e4aa4
```
#2e4aa4 rgb(46,74,164)
```
#3351b4
```
#3351b4 rgb(51,81,180)
```
#3758c3
```
#3758c3 rgb(55,88,195)
```

Shade Color Variation

#4363ca
```
#4363ca rgb(67,99,202)
```
#5370ce
```
#5370ce rgb(83,112,206)
```
#627cd3
```
#627cd3 rgb(98,124,211)
```
#7189d7
```
#7189d7 rgb(113,137,215)
```
#8196db
```
#8196db rgb(129,150,219)
```
#90a3e0
```
#90a3e0 rgb(144,163,224)
```
#9fafe4
```
#9fafe4 rgb(159,175,228)
```
#aebce8
```
#aebce8 rgb(174,188,232)
```
#bec9ed
```
#bec9ed rgb(190,201,237)
```
#cdd5f1
```
#cdd5f1 rgb(205,213,241)
```
#dce2f5
```
#dce2f5 rgb(220,226,245)
```
#eceffa
```
#eceffa rgb(236,239,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5d5e62
```
#5d5e62 rgb(93,94,98)
```
#565a69
```
#565a69 rgb(86,90,105)
```
#4f5770
```
#4f5770 rgb(79,87,112)
```
#475378
```
#475378 rgb(71,83,120)
```
#404f7f
```
#404f7f rgb(64,79,127)
```
#394b86
```
#394b86 rgb(57,75,134)
```
#31478e
```
#31478e rgb(49,71,142)
```
#2a4395
```
#2a4395 rgb(42,67,149)
```
#233f9c
```
#233f9c rgb(35,63,156)
```
#1b3ba4
```
#1b3ba4 rgb(27,59,164)
```
#1437ab
```
#1437ab rgb(20,55,171)
```
#0d33b2
```
#0d33b2 rgb(13,51,178)
```
#052fba
```
#052fba rgb(5,47,186)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9d Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#0f4b9a Protanomaly 1% of men, 0.01% of women
#0f4e8e Deuteranomaly 6% of men, 0.4% of women
#0f5273 Tritanomaly 0.01% of the population

#2a4395 hex color

#2a4395 Color Information

#2a4395 Color Conversion

Color Schemes with #2a4395

Alternatives to #2a4395

#2a4395 Preview

Shades and Tints of #2a4395

Tones of #2a4395

Color Blindness Simulator