#2d58e2 hex color

In a RGB color space, hex #2d58e2 is composed of 17.6% red, 34.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 61.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 225.7 degrees, a saturation of 75.7% and a lightness of 53.1%. #2d58e2 color hex could be obtained by blending #5ab0ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 35
- B 89
RGB color chart
- C 80
- M 61
- Y 0
- K 11
CMYK color chart

● #2d58e2 color description : Bright blue.

The hexadecimal color #2d58e2 has RGB values of R:45, G:88, B:226 and CMYK values of C:0.8, M:0.61, Y:0, K:0.11. Its decimal value is 2971874.

Hex triplet	2d58e2	`#2d58e2`
RGB Decimal	45, 88, 226	`rgb(45,88,226)`
RGB Percent	17.6, 34.5, 88.6	`rgb(17.6%,34.5%,88.6%)`
CMYK	80, 61, 0, 11
HSL	225.7°, 75.7, 53.1	`hsl(225.7,75.7%,53.1%)`
HSV (or HSB)	225.7°, 80.1, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.804, 35.235, -74.056
XYZ	18.296, 13.027, 73.497
xyY	0.175, 0.124, 13.027
CIE-LCH	42.804, 82.011, 295.444
CIE-LUV	42.804, -16.295, -110.351
Hunter-Lab	36.093, 27.324, -95.47
Binary	00101101, 01011000, 11100010

#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#e2b72d
```
#e2b72d rgb(226,183,45)
```

Complementary Color

#2db3e2
```
#2db3e2 rgb(45,179,226)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#5d2de2
```
#5d2de2 rgb(93,45,226)
```

Analogous Color

#b3e22d
```
#b3e22d rgb(179,226,45)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#e25d2d
```
#e25d2d rgb(226,93,45)
```

Split Complementary Color

#58e22d
```
#58e22d rgb(88,226,45)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#e22d58
```
#e22d58 rgb(226,45,88)
```

Triadic Color

#2de2b7
```
#2de2b7 rgb(45,226,183)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#e22d58
```
#e22d58 rgb(226,45,88)
```
#e2b72d
```
#e2b72d rgb(226,183,45)
```

Tetradic Color

#183bab
```
#183bab rgb(24,59,171)
```
#1b42c1
```
#1b42c1 rgb(27,66,193)
```
#1e4ad8
```
#1e4ad8 rgb(30,74,216)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#436ae5
```
#436ae5 rgb(67,106,229)
```
#5a7ce8
```
#5a7ce8 rgb(90,124,232)
```
#708deb
```
#708deb rgb(112,141,235)
```

Monochromatic Color

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

#2d85e2
```
#2d85e2 rgb(45,133,226)
```
#2d76e2
```
#2d76e2 rgb(45,118,226)
```
#2d67e2
```
#2d67e2 rgb(45,103,226)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#2d49e2
```
#2d49e2 rgb(45,73,226)
```
#2d3ae2
```
#2d3ae2 rgb(45,58,226)
```
#2f2de2
```
#2f2de2 rgb(47,45,226)
```

Similar Colors

Text with hexadecimal color #2d58e2

This text has a font color of #2d58e2.

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

#2d58e2 background color

This paragraph has a background color of #2d58e2.

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

#2d58e2 border color

This element has a border color of #2d58e2.

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

CSS codes

.text {color:#2d58e2;}

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

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

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, #02050e is the darkest color, while #fcfcff is the lightest one.

#02050e
```
#02050e rgb(2,5,14)
```
#040b1f
```
#040b1f rgb(4,11,31)
```
#071131
```
#071131 rgb(7,17,49)
```
#091742
```
#091742 rgb(9,23,66)
```
#0b1c53
```
#0b1c53 rgb(11,28,83)
```
#0e2264
```
#0e2264 rgb(14,34,100)
```
#102875
```
#102875 rgb(16,40,117)
```
#132e87
```
#132e87 rgb(19,46,135)
```
#153498
```
#153498 rgb(21,52,152)
```
#173aa9
```
#173aa9 rgb(23,58,169)
```
#1a40ba
```
#1a40ba rgb(26,64,186)
```
#1c46cc
```
#1c46cc rgb(28,70,204)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```

Shade Color Variation

#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#3e66e4
```
#3e66e4 rgb(62,102,228)
```
#4f73e7
```
#4f73e7 rgb(79,115,231)
```
#6181e9
```
#6181e9 rgb(97,129,233)
```
#728fec
```
#728fec rgb(114,143,236)
```
#839dee
```
#839dee rgb(131,157,238)
```
#94aaf0
```
#94aaf0 rgb(148,170,240)
```
#a6b8f3
```
#a6b8f3 rgb(166,184,243)
```
#b7c6f5
```
#b7c6f5 rgb(183,198,245)
```
#c8d3f7
```
#c8d3f7 rgb(200,211,247)
```
#d9e1fa
```
#d9e1fa rgb(217,225,250)
```
#ebeffc
```
#ebeffc rgb(235,239,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80838f is the less saturated color, while #114afe is the most saturated one.

#80838f
```
#80838f rgb(128,131,143)
```
#777f98
```
#777f98 rgb(119,127,152)
```
#6d7aa2
```
#6d7aa2 rgb(109,122,162)
```
#6475ab
```
#6475ab rgb(100,117,171)
```
#5b70b4
```
#5b70b4 rgb(91,112,180)
```
#526bbd
```
#526bbd rgb(82,107,189)
```
#4966c6
```
#4966c6 rgb(73,102,198)
```
#3f62d0
```
#3f62d0 rgb(63,98,208)
```
#365dd9
```
#365dd9 rgb(54,93,217)
```
#2d58e2
```
#2d58e2 rgb(45,88,226)
```
#2453eb
```
#2453eb rgb(36,83,235)
```
#1b4ef4
```
#1b4ef4 rgb(27,78,244)
```
#114afe
```
#114afe rgb(17,74,254)
```

Tone Color Variation

Below, you can see how #2d58e2 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
#525a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1063d5 Protanomaly 1% of men, 0.01% of women
#1067c4 Deuteranomaly 6% of men, 0.4% of women
#106ca2 Tritanomaly 0.01% of the population

#2d58e2 hex color

#2d58e2 Color Information

#2d58e2 Color Conversion

Color Schemes with #2d58e2

Alternatives to #2d58e2

#2d58e2 Preview

Shades and Tints of #2d58e2

Tones of #2d58e2

Color Blindness Simulator