#4a58e4 hex color

In a RGB color space, hex #4a58e4 is composed of 29% red, 34.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 61.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 234.5 degrees, a saturation of 74% and a lightness of 59.2%. #4a58e4 color hex could be obtained by blending #94b0ff with #0000c9. Closest websafe color is: #3366cc.

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

● #4a58e4 color description : Soft blue.

The hexadecimal color #4a58e4 has RGB values of R:74, G:88, B:228 and CMYK values of C:0.68, M:0.61, Y:0, K:0.11. Its decimal value is 4872420.

Hex triplet	4a58e4	`#4a58e4`
RGB Decimal	74, 88, 228	`rgb(74,88,228)`
RGB Percent	29, 34.5, 89.4	`rgb(29%,34.5%,89.4%)`
CMYK	68, 61, 0, 11
HSL	234.5°, 74, 59.2	`hsl(234.5,74%,59.2%)`
HSV (or HSB)	234.5°, 67.5, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.284, 39.101, -72.718
XYZ	20.315, 14.036, 75.033
xyY	0.186, 0.128, 14.036
CIE-LCH	44.284, 82.564, 298.268
CIE-LUV	44.284, -11.296, -110.122
Hunter-Lab	37.464, 31.228, -92.521
Binary	01001010, 01011000, 11100100

#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#e4d64a
```
#e4d64a rgb(228,214,74)
```

Complementary Color

#4aa5e4
```
#4aa5e4 rgb(74,165,228)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#894ae4
```
#894ae4 rgb(137,74,228)
```

Analogous Color

#a5e44a
```
#a5e44a rgb(165,228,74)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#e4894a
```
#e4894a rgb(228,137,74)
```

Split Complementary Color

#58e44a
```
#58e44a rgb(88,228,74)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#e44a58
```
#e44a58 rgb(228,74,88)
```

Triadic Color

#4ae4d6
```
#4ae4d6 rgb(74,228,214)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#e44a58
```
#e44a58 rgb(228,74,88)
```
#e4d64a
```
#e4d64a rgb(228,214,74)
```

Tetradic Color

#1d2cc4
```
#1d2cc4 rgb(29,44,196)
```
#2131da
```
#2131da rgb(33,49,218)
```
#3444e1
```
#3444e1 rgb(52,68,225)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#606ce7
```
#606ce7 rgb(96,108,231)
```
#7681eb
```
#7681eb rgb(118,129,235)
```
#8d95ee
```
#8d95ee rgb(141,149,238)
```

Monochromatic Color

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

#4a7fe4
```
#4a7fe4 rgb(74,127,228)
```
#4a72e4
```
#4a72e4 rgb(74,114,228)
```
#4a65e4
```
#4a65e4 rgb(74,101,228)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#4a4be4
```
#4a4be4 rgb(74,75,228)
```
#564ae4
```
#564ae4 rgb(86,74,228)
```
#624ae4
```
#624ae4 rgb(98,74,228)
```

Similar Colors

Text with hexadecimal color #4a58e4

This text has a font color of #4a58e4.

<span style="color:#4a58e4;">Text here</span>

#4a58e4 background color

This paragraph has a background color of #4a58e4.

<p style="background-color:#4a58e4;">Content here</p>

#4a58e4 border color

This element has a border color of #4a58e4.

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

CSS codes

.text {color:#4a58e4;}

.background {background-color:#4a58e4;}

.border {border:1px solid #4a58e4;}

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

#010207
```
#010207 rgb(1,2,7)
```
#040518
```
#040518 rgb(4,5,24)
```
#060929
```
#060929 rgb(6,9,41)
```
#090d3a
```
#090d3a rgb(9,13,58)
```
#0b114b
```
#0b114b rgb(11,17,75)
```
#0e155c
```
#0e155c rgb(14,21,92)
```
#10196d
```
#10196d rgb(16,25,109)
```
#131d7e
```
#131d7e rgb(19,29,126)
```
#15208f
```
#15208f rgb(21,32,143)
```
#1824a0
```
#1824a0 rgb(24,36,160)
```
#1a28b1
```
#1a28b1 rgb(26,40,177)
```
#1d2cc3
```
#1d2cc3 rgb(29,44,195)
```
#2030d4
```
#2030d4 rgb(32,48,212)
```

Shade Color Variation

#2839df
```
#2839df rgb(40,57,223)
```
#3948e1
```
#3948e1 rgb(57,72,225)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#5b68e7
```
#5b68e7 rgb(91,104,231)
```
#6c77e9
```
#6c77e9 rgb(108,119,233)
```
#7d87ec
```
#7d87ec rgb(125,135,236)
```
#8e97ee
```
#8e97ee rgb(142,151,238)
```
#9fa7f1
```
#9fa7f1 rgb(159,167,241)
```
#b0b6f3
```
#b0b6f3 rgb(176,182,243)
```
#c1c6f6
```
#c1c6f6 rgb(193,198,246)
```
#d3d6f8
```
#d3d6f8 rgb(211,214,248)
```
#e4e6fb
```
#e4e6fb rgb(228,230,251)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92939c is the less saturated color, while #3244fc is the most saturated one.

#92939c
```
#92939c rgb(146,147,156)
```
#8a8ca4
```
#8a8ca4 rgb(138,140,164)
```
#8286ac
```
#8286ac rgb(130,134,172)
```
#7a7fb4
```
#7a7fb4 rgb(122,127,180)
```
#7279bc
```
#7279bc rgb(114,121,188)
```
#6a72c4
```
#6a72c4 rgb(106,114,196)
```
#626ccc
```
#626ccc rgb(98,108,204)
```
#5a65d4
```
#5a65d4 rgb(90,101,212)
```
#525fdc
```
#525fdc rgb(82,95,220)
```
#4a58e4
```
#4a58e4 rgb(74,88,228)
```
#4251ec
```
#4251ec rgb(66,81,236)
```
#3a4bf4
```
#3a4bf4 rgb(58,75,244)
```
#3244fc
```
#3244fc rgb(50,68,252)
```

Tone Color Variation

Below, you can see how #4a58e4 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

#646464 Achromatopsia 0.005% of the population
#5f627e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1a65da Protanomaly 1% of men, 0.01% of women
#1a69c9 Deuteranomaly 6% of men, 0.4% of women
#1a6ea6 Tritanomaly 0.01% of the population

#4a58e4 hex color

#4a58e4 Color Information

#4a58e4 Color Conversion

Color Schemes with #4a58e4

Alternatives to #4a58e4

#4a58e4 Preview

Shades and Tints of #4a58e4

Tones of #4a58e4

Color Blindness Simulator