#4c58f2 hex color

In a RGB color space, hex #4c58f2 is composed of 29.8% red, 34.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 63.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 235.7 degrees, a saturation of 86.5% and a lightness of 62.4%. #4c58f2 color hex could be obtained by blending #98b0ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 30
- G 35
- B 95
RGB color chart
- C 69
- M 64
- Y 0
- K 5
CMYK color chart

● #4c58f2 color description : Soft blue.

The hexadecimal color #4c58f2 has RGB values of R:76, G:88, B:242 and CMYK values of C:0.69, M:0.64, Y:0, K:0.05. Its decimal value is 5003506.

Hex triplet	4c58f2	`#4c58f2`
RGB Decimal	76, 88, 242	`rgb(76,88,242)`
RGB Percent	29.8, 34.5, 94.9	`rgb(29.8%,34.5%,94.9%)`
CMYK	69, 64, 0, 5
HSL	235.7°, 86.5, 62.4	`hsl(235.7,86.5%,62.4%)`
HSV (or HSB)	235.7°, 68.6, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.532, 44.052, -78.566
XYZ	22.494, 14.925, 85.695
xyY	0.183, 0.121, 14.925
CIE-LCH	45.532, 90.073, 299.279
CIE-LUV	45.532, -11.32, -119.286
Hunter-Lab	38.633, 36.321, -104.471
Binary	01001100, 01011000, 11110010

#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#f2e64c
```
#f2e64c rgb(242,230,76)
```

Complementary Color

#4cabf2
```
#4cabf2 rgb(76,171,242)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#934cf2
```
#934cf2 rgb(147,76,242)
```

Analogous Color

#abf24c
```
#abf24c rgb(171,242,76)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#f2934c
```
#f2934c rgb(242,147,76)
```

Split Complementary Color

#58f24c
```
#58f24c rgb(88,242,76)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#f24c58
```
#f24c58 rgb(242,76,88)
```

Triadic Color

#4cf2e6
```
#4cf2e6 rgb(76,242,230)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#f24c58
```
#f24c58 rgb(242,76,88)
```
#f2e64c
```
#f2e64c rgb(242,230,76)
```

Tetradic Color

#101fe1
```
#101fe1 rgb(16,31,225)
```
#1c2cef
```
#1c2cef rgb(28,44,239)
```
#3442f0
```
#3442f0 rgb(52,66,240)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#646ef4
```
#646ef4 rgb(100,110,244)
```
#7c84f5
```
#7c84f5 rgb(124,132,245)
```
#939bf7
```
#939bf7 rgb(147,155,247)
```

Monochromatic Color

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

#4c82f2
```
#4c82f2 rgb(76,130,242)
```
#4c74f2
```
#4c74f2 rgb(76,116,242)
```
#4c66f2
```
#4c66f2 rgb(76,102,242)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#4e4cf2
```
#4e4cf2 rgb(78,76,242)
```
#5c4cf2
```
#5c4cf2 rgb(92,76,242)
```
#6a4cf2
```
#6a4cf2 rgb(106,76,242)
```

Similar Colors

Text with hexadecimal color #4c58f2

This text has a font color of #4c58f2.

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

#4c58f2 background color

This paragraph has a background color of #4c58f2.

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

#4c58f2 border color

This element has a border color of #4c58f2.

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

CSS codes

.text {color:#4c58f2;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020316
```
#020316 rgb(2,3,22)
```
#030628
```
#030628 rgb(3,6,40)
```
#04083b
```
#04083b rgb(4,8,59)
```
#060b4d
```
#060b4d rgb(6,11,77)
```
#070d5f
```
#070d5f rgb(7,13,95)
```
#081072
```
#081072 rgb(8,16,114)
```
#0a1284
```
#0a1284 rgb(10,18,132)
```
#0b1596
```
#0b1596 rgb(11,21,150)
```
#0c18a8
```
#0c18a8 rgb(12,24,168)
```
#0e1abb
```
#0e1abb rgb(14,26,187)
```
#0f1dcd
```
#0f1dcd rgb(15,29,205)
```
#101fdf
```
#101fdf rgb(16,31,223)
```

Shade Color Variation

#1525ee
```
#1525ee rgb(21,37,238)
```
#2736ef
```
#2736ef rgb(39,54,239)
```
#3a47f1
```
#3a47f1 rgb(58,71,241)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#5e69f3
```
#5e69f3 rgb(94,105,243)
```
#717af5
```
#717af5 rgb(113,122,245)
```
#838bf6
```
#838bf6 rgb(131,139,246)
```
#959cf7
```
#959cf7 rgb(149,156,247)
```
#a7adf9
```
#a7adf9 rgb(167,173,249)
```
#babefa
```
#babefa rgb(186,190,250)
```
#cccffb
```
#cccffb rgb(204,207,251)
```
#dee0fd
```
#dee0fd rgb(222,224,253)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9da1 is the less saturated color, while #4552f9 is the most saturated one.

#9d9da1
```
#9d9da1 rgb(157,157,161)
```
#9697a8
```
#9697a8 rgb(150,151,168)
```
#8e91b0
```
#8e91b0 rgb(142,145,176)
```
#878bb7
```
#878bb7 rgb(135,139,183)
```
#8084be
```
#8084be rgb(128,132,190)
```
#787ec6
```
#787ec6 rgb(120,126,198)
```
#7178cd
```
#7178cd rgb(113,120,205)
```
#6a71d4
```
#6a71d4 rgb(106,113,212)
```
#626bdc
```
#626bdc rgb(98,107,220)
```
#5b65e3
```
#5b65e3 rgb(91,101,227)
```
#535eeb
```
#535eeb rgb(83,94,235)
```
#4c58f2
```
#4c58f2 rgb(76,88,242)
```
#4552f9
```
#4552f9 rgb(69,82,249)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#616382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#1b67e3 Protanomaly 1% of men, 0.01% of women
#1b6bd1 Deuteranomaly 6% of men, 0.4% of women
#1b70ad Tritanomaly 0.01% of the population

#4c58f2 hex color

#4c58f2 Color Information

#4c58f2 Color Conversion

Color Schemes with #4c58f2

Alternatives to #4c58f2

#4c58f2 Preview

Shades and Tints of #4c58f2

Tones of #4c58f2

Color Blindness Simulator