#2a58e8 hex color

In a RGB color space, hex #2a58e8 is composed of 16.5% red, 34.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 62.1% magenta, 0% yellow and 9% black. It has a hue angle of 225.5 degrees, a saturation of 80.5% and a lightness of 53.7%. #2a58e8 color hex could be obtained by blending #54b0ff with #0000d1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 35
- B 91
RGB color chart
- C 82
- M 62
- Y 0
- K 9
CMYK color chart

● #2a58e8 color description : Bright blue.

The hexadecimal color #2a58e8 has RGB values of R:42, G:88, B:232 and CMYK values of C:0.82, M:0.62, Y:0, K:0.09. Its decimal value is 2775272.

Hex triplet	2a58e8	`#2a58e8`
RGB Decimal	42, 88, 232	`rgb(42,88,232)`
RGB Percent	16.5, 34.5, 91	`rgb(16.5%,34.5%,91%)`
CMYK	82, 62, 0, 9
HSL	225.5°, 80.5, 53.7	`hsl(225.5,80.5%,53.7%)`
HSV (or HSB)	225.5°, 81.9, 91
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.207, 37.189, -76.8
XYZ	19.007, 13.296, 77.904
xyY	0.172, 0.121, 13.296
CIE-LCH	43.207, 85.331, 295.837
CIE-LUV	43.207, -16.681, -114.405
Hunter-Lab	36.464, 29.231, -101.145
Binary	00101010, 01011000, 11101000

#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#e8ba2a
```
#e8ba2a rgb(232,186,42)
```

Complementary Color

#2ab7e8
```
#2ab7e8 rgb(42,183,232)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#5b2ae8
```
#5b2ae8 rgb(91,42,232)
```

Analogous Color

#b7e82a
```
#b7e82a rgb(183,232,42)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#e85b2a
```
#e85b2a rgb(232,91,42)
```

Split Complementary Color

#58e82a
```
#58e82a rgb(88,232,42)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#e82a58
```
#e82a58 rgb(232,42,88)
```

Triadic Color

#2ae8ba
```
#2ae8ba rgb(42,232,186)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#e82a58
```
#e82a58 rgb(232,42,88)
```
#e8ba2a
```
#e8ba2a rgb(232,186,42)
```

Tetradic Color

#133ab2
```
#133ab2 rgb(19,58,178)
```
#1641c9
```
#1641c9 rgb(22,65,201)
```
#1849e0
```
#1849e0 rgb(24,73,224)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#416aea
```
#416aea rgb(65,106,234)
```
#587ced
```
#587ced rgb(88,124,237)
```
#6f8eef
```
#6f8eef rgb(111,142,239)
```

Monochromatic Color

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

#2a88e8
```
#2a88e8 rgb(42,136,232)
```
#2a78e8
```
#2a78e8 rgb(42,120,232)
```
#2a68e8
```
#2a68e8 rgb(42,104,232)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#2a48e8
```
#2a48e8 rgb(42,72,232)
```
#2a38e8
```
#2a38e8 rgb(42,56,232)
```
#2b2ae8
```
#2b2ae8 rgb(43,42,232)
```

Similar Colors

Text with hexadecimal color #2a58e8

This text has a font color of #2a58e8.

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

#2a58e8 background color

This paragraph has a background color of #2a58e8.

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

#2a58e8 border color

This element has a border color of #2a58e8.

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

CSS codes

.text {color:#2a58e8;}

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

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

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, #020611 is the darkest color, while #feffff is the lightest one.

#020611
```
#020611 rgb(2,6,17)
```
#040b23
```
#040b23 rgb(4,11,35)
```
#061135
```
#061135 rgb(6,17,53)
```
#081746
```
#081746 rgb(8,23,70)
```
#091c58
```
#091c58 rgb(9,28,88)
```
#0b226a
```
#0b226a rgb(11,34,106)
```
#0d287b
```
#0d287b rgb(13,40,123)
```
#0f2e8d
```
#0f2e8d rgb(15,46,141)
```
#11339f
```
#11339f rgb(17,51,159)
```
#1339b0
```
#1339b0 rgb(19,57,176)
```
#153fc2
```
#153fc2 rgb(21,63,194)
```
#1745d4
```
#1745d4 rgb(23,69,212)
```
#194ae6
```
#194ae6 rgb(25,74,230)
```

Shade Color Variation

#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#3c66ea
```
#3c66ea rgb(60,102,234)
```
#4d74ec
```
#4d74ec rgb(77,116,236)
```
#5f82ee
```
#5f82ee rgb(95,130,238)
```
#7190f0
```
#7190f0 rgb(113,144,240)
```
#839df2
```
#839df2 rgb(131,157,242)
```
#94abf3
```
#94abf3 rgb(148,171,243)
```
#a6b9f5
```
#a6b9f5 rgb(166,185,245)
```
#b8c7f7
```
#b8c7f7 rgb(184,199,247)
```
#c9d5f9
```
#c9d5f9 rgb(201,213,249)
```
#dbe3fb
```
#dbe3fb rgb(219,227,251)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85878d is the less saturated color, while #184ffa is the most saturated one.

#85878d
```
#85878d rgb(133,135,141)
```
#7c8296
```
#7c8296 rgb(124,130,150)
```
#737d9f
```
#737d9f rgb(115,125,159)
```
#6a79a8
```
#6a79a8 rgb(106,121,168)
```
#6074b2
```
#6074b2 rgb(96,116,178)
```
#576fbb
```
#576fbb rgb(87,111,187)
```
#4e6bc4
```
#4e6bc4 rgb(78,107,196)
```
#4566cd
```
#4566cd rgb(69,102,205)
```
#3c61d6
```
#3c61d6 rgb(60,97,214)
```
#335ddf
```
#335ddf rgb(51,93,223)
```
#2a58e8
```
#2a58e8 rgb(42,88,232)
```
#2153f1
```
#2153f1 rgb(33,83,241)
```
#184ffa
```
#184ffa rgb(24,79,250)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#0f63d9 Protanomaly 1% of men, 0.01% of women
#0f67c7 Deuteranomaly 6% of men, 0.4% of women
#0f6ca5 Tritanomaly 0.01% of the population

#2a58e8 hex color

#2a58e8 Color Information

#2a58e8 Color Conversion

Color Schemes with #2a58e8

Alternatives to #2a58e8

#2a58e8 Preview

Shades and Tints of #2a58e8

Tones of #2a58e8

Color Blindness Simulator