#2a49ba hex color

In a RGB color space, hex #2a49ba is composed of 16.5% red, 28.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 60.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 227.1 degrees, a saturation of 63.2% and a lightness of 44.7%. #2a49ba color hex could be obtained by blending #5492ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 29
- B 73
RGB color chart
- C 77
- M 61
- Y 0
- K 27
CMYK color chart

● #2a49ba color description : Strong blue.

The hexadecimal color #2a49ba has RGB values of R:42, G:73, B:186 and CMYK values of C:0.77, M:0.61, Y:0, K:0.27. Its decimal value is 2771386.

Hex triplet	2a49ba	`#2a49ba`
RGB Decimal	42, 73, 186	`rgb(42,73,186)`
RGB Percent	16.5, 28.6, 72.9	`rgb(16.5%,28.6%,72.9%)`
CMYK	77, 61, 0, 27
HSL	227.1°, 63.2, 44.7	`hsl(227.1,63.2%,44.7%)`
HSV (or HSB)	227.1°, 77.4, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.6, 29.796, -62.728
XYZ	12.198, 8.802, 47.508
xyY	0.178, 0.128, 8.802
CIE-LCH	35.6, 69.445, 295.408
CIE-LUV	35.6, -12.808, -88.895
Hunter-Lab	29.668, 21.476, -74.176
Binary	00101010, 01001001, 10111010

#2a49ba
```
#2a49ba rgb(42,73,186)
```
#ba9b2a
```
#ba9b2a rgb(186,155,42)
```

Complementary Color

#2a91ba
```
#2a91ba rgb(42,145,186)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#532aba
```
#532aba rgb(83,42,186)
```

Analogous Color

#91ba2a
```
#91ba2a rgb(145,186,42)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#ba532a
```
#ba532a rgb(186,83,42)
```

Split Complementary Color

#49ba2a
```
#49ba2a rgb(73,186,42)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#ba2a49
```
#ba2a49 rgb(186,42,73)
```

Triadic Color

#2aba9b
```
#2aba9b rgb(42,186,155)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#ba2a49
```
#ba2a49 rgb(186,42,73)
```
#ba9b2a
```
#ba9b2a rgb(186,155,42)
```

Tetradic Color

#1c317c
```
#1c317c rgb(28,49,124)
```
#213990
```
#213990 rgb(33,57,144)
```
#2541a5
```
#2541a5 rgb(37,65,165)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#2f51cf
```
#2f51cf rgb(47,81,207)
```
#4362d4
```
#4362d4 rgb(67,98,212)
```
#5773d9
```
#5773d9 rgb(87,115,217)
```

Monochromatic Color

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

#2a6dba
```
#2a6dba rgb(42,109,186)
```
#2a61ba
```
#2a61ba rgb(42,97,186)
```
#2a55ba
```
#2a55ba rgb(42,85,186)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#2a3dba
```
#2a3dba rgb(42,61,186)
```
#2a31ba
```
#2a31ba rgb(42,49,186)
```
#2f2aba
```
#2f2aba rgb(47,42,186)
```

Similar Colors

Text with hexadecimal color #2a49ba

This text has a font color of #2a49ba.

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

#2a49ba background color

This paragraph has a background color of #2a49ba.

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

#2a49ba border color

This element has a border color of #2a49ba.

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

CSS codes

.text {color:#2a49ba;}

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

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

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, #02040a is the darkest color, while #f9fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#060a1a
```
#060a1a rgb(6,10,26)
```
#09102a
```
#09102a rgb(9,16,42)
```
#0d173a
```
#0d173a rgb(13,23,58)
```
#111d4a
```
#111d4a rgb(17,29,74)
```
#14235a
```
#14235a rgb(20,35,90)
```
#182a6a
```
#182a6a rgb(24,42,106)
```
#1c307a
```
#1c307a rgb(28,48,122)
```
#1f368a
```
#1f368a rgb(31,54,138)
```
#233c9a
```
#233c9a rgb(35,60,154)
```
#2643aa
```
#2643aa rgb(38,67,170)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#2e4fca
```
#2e4fca rgb(46,79,202)
```

Shade Color Variation

#395ad2
```
#395ad2 rgb(57,90,210)
```
#4967d6
```
#4967d6 rgb(73,103,214)
```
#5975da
```
#5975da rgb(89,117,218)
```
#6982dd
```
#6982dd rgb(105,130,221)
```
#798fe1
```
#798fe1 rgb(121,143,225)
```
#899de4
```
#899de4 rgb(137,157,228)
```
#99aae8
```
#99aae8 rgb(153,170,232)
```
#a9b7ec
```
#a9b7ec rgb(169,183,236)
```
#b9c5ef
```
#b9c5ef rgb(185,197,239)
```
#c9d2f3
```
#c9d2f3 rgb(201,210,243)
```
#d9dff6
```
#d9dff6 rgb(217,223,246)
```
#e9edfa
```
#e9edfa rgb(233,237,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707174 is the less saturated color, while #0735dd is the most saturated one.

#707174
```
#707174 rgb(112,113,116)
```
#676c7d
```
#676c7d rgb(103,108,125)
```
#5f6785
```
#5f6785 rgb(95,103,133)
```
#56628e
```
#56628e rgb(86,98,142)
```
#4d5d97
```
#4d5d97 rgb(77,93,151)
```
#4458a0
```
#4458a0 rgb(68,88,160)
```
#3c53a8
```
#3c53a8 rgb(60,83,168)
```
#334eb1
```
#334eb1 rgb(51,78,177)
```
#2a49ba
```
#2a49ba rgb(42,73,186)
```
#2144c3
```
#2144c3 rgb(33,68,195)
```
#183fcc
```
#183fcc rgb(24,63,204)
```
#103ad4
```
#103ad4 rgb(16,58,212)
```
#0735dd
```
#0735dd rgb(7,53,221)
```

Tone Color Variation

Below, you can see how #2a49ba 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
#464c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e99 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#0f53b3 Protanomaly 1% of men, 0.01% of women
#0f56a5 Deuteranomaly 6% of men, 0.4% of women
#0f5b88 Tritanomaly 0.01% of the population

#2a49ba hex color

#2a49ba Color Information

#2a49ba Color Conversion

Color Schemes with #2a49ba

Alternatives to #2a49ba

#2a49ba Preview

Shades and Tints of #2a49ba

Tones of #2a49ba

Color Blindness Simulator