#4c70e5 hex color

In a RGB color space, hex #4c70e5 is composed of 29.8% red, 43.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 51.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 225.9 degrees, a saturation of 74.6% and a lightness of 59.8%. #4c70e5 color hex could be obtained by blending #98e0ff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 30
- G 44
- B 90
RGB color chart
- C 67
- M 51
- Y 0
- K 10
CMYK color chart

● #4c70e5 color description : Soft blue.

The hexadecimal color #4c70e5 has RGB values of R:76, G:112, B:229 and CMYK values of C:0.67, M:0.51, Y:0, K:0.1. Its decimal value is 5009637.

Hex triplet	4c70e5	`#4c70e5`
RGB Decimal	76, 112, 229	`rgb(76,112,229)`
RGB Percent	29.8, 43.9, 89.8	`rgb(29.8%,43.9%,89.8%)`
CMYK	67, 51, 0, 10
HSL	225.9°, 74.6, 59.8	`hsl(225.9,74.6%,59.8%)`
HSV (or HSB)	225.9°, 66.8, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.429, 24.857, -63.298
XYZ	22.915, 18.781, 76.542
xyY	0.194, 0.159, 18.781
CIE-LCH	50.429, 68.004, 291.44
CIE-LUV	50.429, -17.226, -99.621
Hunter-Lab	43.337, 18.544, -74.384
Binary	01001100, 01110000, 11100101

#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#e5c14c
```
#e5c14c rgb(229,193,76)
```

Complementary Color

#4cbde5
```
#4cbde5 rgb(76,189,229)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#754ce5
```
#754ce5 rgb(117,76,229)
```

Analogous Color

#bde54c
```
#bde54c rgb(189,229,76)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#e5754c
```
#e5754c rgb(229,117,76)
```

Split Complementary Color

#70e54c
```
#70e54c rgb(112,229,76)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#e54c70
```
#e54c70 rgb(229,76,112)
```

Triadic Color

#4ce5c1
```
#4ce5c1 rgb(76,229,193)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#e54c70
```
#e54c70 rgb(229,76,112)
```
#e5c14c
```
#e5c14c rgb(229,193,76)
```

Tetradic Color

#1d45c8
```
#1d45c8 rgb(29,69,200)
```
#204dde
```
#204dde rgb(32,77,222)
```
#365ee2
```
#365ee2 rgb(54,94,226)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#6282e8
```
#6282e8 rgb(98,130,232)
```
#7994eb
```
#7994eb rgb(121,148,235)
```
#8fa5ef
```
#8fa5ef rgb(143,165,239)
```

Monochromatic Color

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

#4c96e5
```
#4c96e5 rgb(76,150,229)
```
#4c8ae5
```
#4c8ae5 rgb(76,138,229)
```
#4c7de5
```
#4c7de5 rgb(76,125,229)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#4c63e5
```
#4c63e5 rgb(76,99,229)
```
#4c57e5
```
#4c57e5 rgb(76,87,229)
```
#4e4ce5
```
#4e4ce5 rgb(78,76,229)
```

Similar Colors

Text with hexadecimal color #4c70e5

This text has a font color of #4c70e5.

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

#4c70e5 background color

This paragraph has a background color of #4c70e5.

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

#4c70e5 border color

This element has a border color of #4c70e5.

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

CSS codes

.text {color:#4c70e5;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04091b
```
#04091b rgb(4,9,27)
```
#060f2c
```
#060f2c rgb(6,15,44)
```
#09153d
```
#09153d rgb(9,21,61)
```
#0b1b4e
```
#0b1b4e rgb(11,27,78)
```
#0e215f
```
#0e215f rgb(14,33,95)
```
#102770
```
#102770 rgb(16,39,112)
```
#132d81
```
#132d81 rgb(19,45,129)
```
#153392
```
#153392 rgb(21,51,146)
```
#1839a4
```
#1839a4 rgb(24,57,164)
```
#1a3fb5
```
#1a3fb5 rgb(26,63,181)
```
#1d45c6
```
#1d45c6 rgb(29,69,198)
```
#1f4ad7
```
#1f4ad7 rgb(31,74,215)
```

Shade Color Variation

#2a55e0
```
#2a55e0 rgb(42,85,224)
```
#3b62e3
```
#3b62e3 rgb(59,98,227)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#5d7ee7
```
#5d7ee7 rgb(93,126,231)
```
#6e8bea
```
#6e8bea rgb(110,139,234)
```
#7f99ec
```
#7f99ec rgb(127,153,236)
```
#91a7ef
```
#91a7ef rgb(145,167,239)
```
#a2b4f1
```
#a2b4f1 rgb(162,180,241)
```
#b3c2f4
```
#b3c2f4 rgb(179,194,244)
```
#c4d0f6
```
#c4d0f6 rgb(196,208,246)
```
#d5ddf9
```
#d5ddf9 rgb(213,221,249)
```
#e6ebfb
```
#e6ebfb rgb(230,235,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93969e is the less saturated color, while #3463fd is the most saturated one.

#93969e
```
#93969e rgb(147,150,158)
```
#8b91a6
```
#8b91a6 rgb(139,145,166)
```
#838dae
```
#838dae rgb(131,141,174)
```
#7b89b6
```
#7b89b6 rgb(123,137,182)
```
#7385be
```
#7385be rgb(115,133,190)
```
#6c81c5
```
#6c81c5 rgb(108,129,197)
```
#647dcd
```
#647dcd rgb(100,125,205)
```
#5c78d5
```
#5c78d5 rgb(92,120,213)
```
#5474dd
```
#5474dd rgb(84,116,221)
```
#4c70e5
```
#4c70e5 rgb(76,112,229)
```
#446ced
```
#446ced rgb(68,108,237)
```
#3c68f5
```
#3c68f5 rgb(60,104,245)
```
#3463fd
```
#3463fd rgb(52,99,253)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6b728a Atypical Achromatopsia 0.001% of the population

Dichromacy

#307be9 Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#3a77e8 Protanomaly 1% of men, 0.01% of women
#1b7bdb Deuteranomaly 6% of men, 0.4% of women
#1b81b2 Tritanomaly 0.01% of the population

#4c70e5 hex color

#4c70e5 Color Information

#4c70e5 Color Conversion

Color Schemes with #4c70e5

Alternatives to #4c70e5

#4c70e5 Preview

Shades and Tints of #4c70e5

Tones of #4c70e5

Color Blindness Simulator