#2a4ae3 hex color

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

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

● #2a4ae3 color description : Bright blue.

The hexadecimal color #2a4ae3 has RGB values of R:42, G:74, B:227 and CMYK values of C:0.81, M:0.67, Y:0, K:0.11. Its decimal value is 2771683.

Hex triplet	2a4ae3	`#2a4ae3`
RGB Decimal	42, 74, 227	`rgb(42,74,227)`
RGB Percent	16.5, 29, 89	`rgb(16.5%,29%,89%)`
CMYK	81, 67, 0, 11
HSL	229.6°, 76.8, 52.7	`hsl(229.6,76.8%,52.7%)`
HSV (or HSB)	229.6°, 81.5, 89
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.47, 44.079, -80.1
XYZ	17.266, 10.935, 73.869
xyY	0.169, 0.107, 10.935
CIE-LCH	39.47, 91.427, 298.824
CIE-LUV	39.47, -13.557, -114.975
Hunter-Lab	33.067, 35.334, -109.301
Binary	00101010, 01001010, 11100011

#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#e3c32a
```
#e3c32a rgb(227,195,42)
```

Complementary Color

#2aa7e3
```
#2aa7e3 rgb(42,167,227)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#672ae3
```
#672ae3 rgb(103,42,227)
```

Analogous Color

#a7e32a
```
#a7e32a rgb(167,227,42)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#e3672a
```
#e3672a rgb(227,103,42)
```

Split Complementary Color

#4ae32a
```
#4ae32a rgb(74,227,42)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#e32a4a
```
#e32a4a rgb(227,42,74)
```

Triadic Color

#2ae3c3
```
#2ae3c3 rgb(42,227,195)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#e32a4a
```
#e32a4a rgb(227,42,74)
```
#e3c32a
```
#e3c32a rgb(227,195,42)
```

Tetradic Color

#1630aa
```
#1630aa rgb(22,48,170)
```
#1936c1
```
#1936c1 rgb(25,54,193)
```
#1c3dd7
```
#1c3dd7 rgb(28,61,215)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#415de6
```
#415de6 rgb(65,93,230)
```
#5770e9
```
#5770e9 rgb(87,112,233)
```
#6e83ec
```
#6e83ec rgb(110,131,236)
```

Monochromatic Color

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

#2a78e3
```
#2a78e3 rgb(42,120,227)
```
#2a69e3
```
#2a69e3 rgb(42,105,227)
```
#2a59e3
```
#2a59e3 rgb(42,89,227)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#2a3be3
```
#2a3be3 rgb(42,59,227)
```
#2a2be3
```
#2a2be3 rgb(42,43,227)
```
#382ae3
```
#382ae3 rgb(56,42,227)
```

Similar Colors

Text with hexadecimal color #2a4ae3

This text has a font color of #2a4ae3.

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

#2a4ae3 background color

This paragraph has a background color of #2a4ae3.

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

#2a4ae3 border color

This element has a border color of #2a4ae3.

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

CSS codes

.text {color:#2a4ae3;}

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

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

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)
```
#0d1c63
```
#0d1c63 rgb(13,28,99)
```
#0f2174
```
#0f2174 rgb(15,33,116)
```
#122686
```
#122686 rgb(18,38,134)
```
#142b97
```
#142b97 rgb(20,43,151)
```
#162fa8
```
#162fa8 rgb(22,47,168)
```
#1834ba
```
#1834ba rgb(24,52,186)
```
#1b39cb
```
#1b39cb rgb(27,57,203)
```
#1d3edc
```
#1d3edc rgb(29,62,220)
```

Shade Color Variation

#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#3b59e5
```
#3b59e5 rgb(59,89,229)
```
#4d67e8
```
#4d67e8 rgb(77,103,232)
```
#5e76ea
```
#5e76ea rgb(94,118,234)
```
#6f85ec
```
#6f85ec rgb(111,133,236)
```
#8194ee
```
#8194ee rgb(129,148,238)
```
#92a2f1
```
#92a2f1 rgb(146,162,241)
```
#a3b1f3
```
#a3b1f3 rgb(163,177,243)
```
#b5c0f5
```
#b5c0f5 rgb(181,192,245)
```
#c6cff8
```
#c6cff8 rgb(198,207,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, #7d8190 is the less saturated color, while #0e38ff is the most saturated one.

#7d8190
```
#7d8190 rgb(125,129,144)
```
#747b99
```
#747b99 rgb(116,123,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)
```
#465cc7
```
#465cc7 rgb(70,92,199)
```
#3d56d0
```
#3d56d0 rgb(61,86,208)
```
#3350da
```
#3350da rgb(51,80,218)
```
#2a4ae3
```
#2a4ae3 rgb(42,74,227)
```
#2144ec
```
#2144ec rgb(33,68,236)
```
#173ef6
```
#173ef6 rgb(23,62,246)
```
#0e38ff
```
#0e38ff rgb(14,56,255)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a506f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#0f59cc Protanomaly 1% of men, 0.01% of women
#0f5dbc Deuteranomaly 6% of men, 0.4% of women
#0f619d Tritanomaly 0.01% of the population

#2a4ae3 hex color

#2a4ae3 Color Information

#2a4ae3 Color Conversion

Color Schemes with #2a4ae3

Alternatives to #2a4ae3

#2a4ae3 Preview

Shades and Tints of #2a4ae3

Tones of #2a4ae3

Color Blindness Simulator