#4a58e0 hex color

In a RGB color space, hex #4a58e0 is composed of 29% red, 34.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 60.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 234.4 degrees, a saturation of 70.8% and a lightness of 58.4%. #4a58e0 color hex could be obtained by blending #94b0ff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 35
- B 88
RGB color chart
- C 67
- M 61
- Y 0
- K 12
CMYK color chart

● #4a58e0 color description : Soft blue.

The hexadecimal color #4a58e0 has RGB values of R:74, G:88, B:224 and CMYK values of C:0.67, M:0.61, Y:0, K:0.12. Its decimal value is 4872416.

Hex triplet	4a58e0	`#4a58e0`
RGB Decimal	74, 88, 224	`rgb(74,88,224)`
RGB Percent	29, 34.5, 87.8	`rgb(29%,34.5%,87.8%)`
CMYK	67, 61, 0, 12
HSL	234.4°, 70.8, 58.4	`hsl(234.4,70.8%,58.4%)`
HSV (or HSB)	234.4°, 67, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.968, 37.746, -70.964
XYZ	19.766, 13.816, 72.142
xyY	0.187, 0.131, 13.816
CIE-LCH	43.968, 80.378, 298.009
CIE-LUV	43.968, -11.171, -107.414
Hunter-Lab	37.17, 29.872, -89.055
Binary	01001010, 01011000, 11100000

#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#e0d24a
```
#e0d24a rgb(224,210,74)
```

Complementary Color

#4aa3e0
```
#4aa3e0 rgb(74,163,224)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#874ae0
```
#874ae0 rgb(135,74,224)
```

Analogous Color

#a3e04a
```
#a3e04a rgb(163,224,74)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#e0874a
```
#e0874a rgb(224,135,74)
```

Split Complementary Color

#58e04a
```
#58e04a rgb(88,224,74)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#e04a58
```
#e04a58 rgb(224,74,88)
```

Triadic Color

#4ae0d2
```
#4ae0d2 rgb(74,224,210)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#e04a58
```
#e04a58 rgb(224,74,88)
```
#e0d24a
```
#e0d24a rgb(224,210,74)
```

Tetradic Color

#202fbd
```
#202fbd rgb(32,47,189)
```
#2434d3
```
#2434d3 rgb(36,52,211)
```
#3444dc
```
#3444dc rgb(52,68,220)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#606ce4
```
#606ce4 rgb(96,108,228)
```
#7680e7
```
#7680e7 rgb(118,128,231)
```
#8b94eb
```
#8b94eb rgb(139,148,235)
```

Monochromatic Color

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

#4a7ee0
```
#4a7ee0 rgb(74,126,224)
```
#4a71e0
```
#4a71e0 rgb(74,113,224)
```
#4a65e0
```
#4a65e0 rgb(74,101,224)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#4a4be0
```
#4a4be0 rgb(74,75,224)
```
#554ae0
```
#554ae0 rgb(85,74,224)
```
#624ae0
```
#624ae0 rgb(98,74,224)
```

Similar Colors

Text with hexadecimal color #4a58e0

This text has a font color of #4a58e0.

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

#4a58e0 background color

This paragraph has a background color of #4a58e0.

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

#4a58e0 border color

This element has a border color of #4a58e0.

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

CSS codes

.text {color:#4a58e0;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#030514
```
#030514 rgb(3,5,20)
```
#060925
```
#060925 rgb(6,9,37)
```
#090d35
```
#090d35 rgb(9,13,53)
```
#0c1146
```
#0c1146 rgb(12,17,70)
```
#0f1657
```
#0f1657 rgb(15,22,87)
```
#121a68
```
#121a68 rgb(18,26,104)
```
#151e78
```
#151e78 rgb(21,30,120)
```
#172289
```
#172289 rgb(23,34,137)
```
#1a269a
```
#1a269a rgb(26,38,154)
```
#1d2aab
```
#1d2aab rgb(29,42,171)
```
#202fbb
```
#202fbb rgb(32,47,187)
```
#2333cc
```
#2333cc rgb(35,51,204)
```

Shade Color Variation

#2939da
```
#2939da rgb(41,57,218)
```
#3949dd
```
#3949dd rgb(57,73,221)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#5b67e3
```
#5b67e3 rgb(91,103,227)
```
#6b77e6
```
#6b77e6 rgb(107,119,230)
```
#7c86e9
```
#7c86e9 rgb(124,134,233)
```
#8d96eb
```
#8d96eb rgb(141,150,235)
```
#9ea5ee
```
#9ea5ee rgb(158,165,238)
```
#aeb5f1
```
#aeb5f1 rgb(174,181,241)
```
#bfc4f4
```
#bfc4f4 rgb(191,196,244)
```
#d0d4f7
```
#d0d4f7 rgb(208,212,247)
```
#e1e3fa
```
#e1e3fa rgb(225,227,250)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

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

#939497
```
#939497 rgb(147,148,151)
```
#8b8d9f
```
#8b8d9f rgb(139,141,159)
```
#8386a7
```
#8386a7 rgb(131,134,167)
```
#7b80af
```
#7b80af rgb(123,128,175)
```
#7379b7
```
#7379b7 rgb(115,121,183)
```
#6b73bf
```
#6b73bf rgb(107,115,191)
```
#626cc8
```
#626cc8 rgb(98,108,200)
```
#5a65d0
```
#5a65d0 rgb(90,101,208)
```
#525fd8
```
#525fd8 rgb(82,95,216)
```
#4a58e0
```
#4a58e0 rgb(74,88,224)
```
#4251e8
```
#4251e8 rgb(66,81,232)
```
#3a4bf0
```
#3a4bf0 rgb(58,75,240)
```
#3244f8
```
#3244f8 rgb(50,68,248)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5e617c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1a64d8 Protanomaly 1% of men, 0.01% of women
#1a68c7 Deuteranomaly 6% of men, 0.4% of women
#1a6ea4 Tritanomaly 0.01% of the population

#4a58e0 hex color

#4a58e0 Color Information

#4a58e0 Color Conversion

Color Schemes with #4a58e0

Alternatives to #4a58e0

#4a58e0 Preview

Shades and Tints of #4a58e0

Tones of #4a58e0

Color Blindness Simulator