#2a49e3 hex color

In a RGB color space, hex #2a49e3 is composed of 16.5% red, 28.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 67.8% magenta, 0% yellow and 11% black. It has a hue angle of 229.9 degrees, a saturation of 76.8% and a lightness of 52.7%. #2a49e3 color hex could be obtained by blending #5492ff with #0000c7. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 29
- B 89
RGB color chart
- C 81
- M 68
- Y 0
- K 11
CMYK color chart

● #2a49e3 color description : Bright blue.

The hexadecimal color #2a49e3 has RGB values of R:42, G:73, B:227 and CMYK values of C:0.81, M:0.68, Y:0, K:0.11. Its decimal value is 2771427.

Hex triplet	2a49e3	`#2a49e3`
RGB Decimal	42, 73, 227	`rgb(42,73,227)`
RGB Percent	16.5, 28.6, 89	`rgb(16.5%,28.6%,89%)`
CMYK	81, 68, 0, 11
HSL	229.9°, 76.8, 52.7	`hsl(229.9,76.8%,52.7%)`
HSV (or HSB)	229.9°, 81.5, 89
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.245, 44.686, -80.47
XYZ	17.2, 10.802, 73.847
xyY	0.169, 0.106, 10.802
CIE-LCH	39.245, 92.045, 299.044
CIE-LUV	39.245, -13.354, -115.179
Hunter-Lab	32.867, 35.896, -110.211
Binary	00101010, 01001001, 11100011

#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#e3c42a
```
#e3c42a rgb(227,196,42)
```

Complementary Color

#2aa6e3
```
#2aa6e3 rgb(42,166,227)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#682ae3
```
#682ae3 rgb(104,42,227)
```

Analogous Color

#a6e32a
```
#a6e32a rgb(166,227,42)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#e3682a
```
#e3682a rgb(227,104,42)
```

Split Complementary Color

#49e32a
```
#49e32a rgb(73,227,42)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#e32a49
```
#e32a49 rgb(227,42,73)
```

Triadic Color

#2ae3c4
```
#2ae3c4 rgb(42,227,196)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#e32a49
```
#e32a49 rgb(227,42,73)
```
#e3c42a
```
#e3c42a rgb(227,196,42)
```

Tetradic Color

#162faa
```
#162faa rgb(22,47,170)
```
#1935c1
```
#1935c1 rgb(25,53,193)
```
#1c3cd7
```
#1c3cd7 rgb(28,60,215)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#415ce6
```
#415ce6 rgb(65,92,230)
```
#5770e9
```
#5770e9 rgb(87,112,233)
```
#6e83ec
```
#6e83ec rgb(110,131,236)
```

Monochromatic Color

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

#2a77e3
```
#2a77e3 rgb(42,119,227)
```
#2a68e3
```
#2a68e3 rgb(42,104,227)
```
#2a58e3
```
#2a58e3 rgb(42,88,227)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#2a3ae3
```
#2a3ae3 rgb(42,58,227)
```
#2a2ae3
```
#2a2ae3 rgb(42,42,227)
```
#392ae3
```
#392ae3 rgb(57,42,227)
```

Similar Colors

Text with hexadecimal color #2a49e3

This text has a font color of #2a49e3.

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

#2a49e3 background color

This paragraph has a background color of #2a49e3.

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

#2a49e3 border color

This element has a border color of #2a49e3.

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

CSS codes

.text {color:#2a49e3;}

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

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

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

#02030c
```
#02030c rgb(2,3,12)
```
#04081e
```
#04081e rgb(4,8,30)
```
#060d2f
```
#060d2f rgb(6,13,47)
```
#081240
```
#081240 rgb(8,18,64)
```
#0b1752
```
#0b1752 rgb(11,23,82)
```
#0d1b63
```
#0d1b63 rgb(13,27,99)
```
#0f2074
```
#0f2074 rgb(15,32,116)
```
#122586
```
#122586 rgb(18,37,134)
```
#142a97
```
#142a97 rgb(20,42,151)
```
#162fa8
```
#162fa8 rgb(22,47,168)
```
#1833ba
```
#1833ba rgb(24,51,186)
```
#1b38cb
```
#1b38cb rgb(27,56,203)
```
#1d3ddc
```
#1d3ddc rgb(29,61,220)
```

Shade Color Variation

#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#3b58e5
```
#3b58e5 rgb(59,88,229)
```
#4d67e8
```
#4d67e8 rgb(77,103,232)
```
#5e75ea
```
#5e75ea rgb(94,117,234)
```
#6f84ec
```
#6f84ec rgb(111,132,236)
```
#8193ee
```
#8193ee rgb(129,147,238)
```
#92a2f1
```
#92a2f1 rgb(146,162,241)
```
#a3b1f3
```
#a3b1f3 rgb(163,177,243)
```
#b5c0f5
```
#b5c0f5 rgb(181,192,245)
```
#c6cef8
```
#c6cef8 rgb(198,206,248)
```
#d7ddfa
```
#d7ddfa rgb(215,221,250)
```
#e9ecfc
```
#e9ecfc rgb(233,236,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8090 is the less saturated color, while #0e37ff is the most saturated one.

#7d8090
```
#7d8090 rgb(125,128,144)
```
#747a99
```
#747a99 rgb(116,122,153)
```
#6b74a2
```
#6b74a2 rgb(107,116,162)
```
#626eab
```
#626eab rgb(98,110,171)
```
#5868b5
```
#5868b5 rgb(88,104,181)
```
#4f62be
```
#4f62be rgb(79,98,190)
```
#465bc7
```
#465bc7 rgb(70,91,199)
```
#3d55d0
```
#3d55d0 rgb(61,85,208)
```
#334fda
```
#334fda rgb(51,79,218)
```
#2a49e3
```
#2a49e3 rgb(42,73,227)
```
#2143ec
```
#2143ec rgb(33,67,236)
```
#173df6
```
#173df6 rgb(23,61,246)
```
#0e37ff
```
#0e37ff rgb(14,55,255)
```

Tone Color Variation

Below, you can see how #2a49e3 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
#494f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#0f58cb Protanomaly 1% of men, 0.01% of women
#0f5cbb Deuteranomaly 6% of men, 0.4% of women
#0f619c Tritanomaly 0.01% of the population

#2a49e3 hex color

#2a49e3 Color Information

#2a49e3 Color Conversion

Color Schemes with #2a49e3

Alternatives to #2a49e3

#2a49e3 Preview

Shades and Tints of #2a49e3

Tones of #2a49e3

Color Blindness Simulator