colorhexa.com

#4c70ec hex color

In a RGB color space, hex #4c70ec is composed of 29.8% red, 43.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 52.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 226.5 degrees, a saturation of 80.8% and a lightness of 61.2%. #4c70ec color hex could be obtained by blending #98e0ff with #0000d9. Closest websafe color is: #3366ff.

- R 30
- G 44
- B 93
RGB color chart
- C 68
- M 53
- Y 0
- K 7
CMYK color chart

● #4c70ec color description : Soft blue.

The hexadecimal color #4c70ec has RGB values of R:76, G:112, B:236 and CMYK values of C:0.68, M:0.53, Y:0, K:0.07. Its decimal value is 5009644.

Hex triplet	4c70ec	`#4c70ec`
RGB Decimal	76, 112, 236	`rgb(76,112,236)`
RGB Percent	29.8, 43.9, 92.5	`rgb(29.8%,43.9%,92.5%)`
CMYK	68, 53, 0, 7
HSL	226.5°, 80.8, 61.2	`hsl(226.5,80.8%,61.2%)`
HSV (or HSB)	226.5°, 67.8, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.897, 27.295, -66.471
XYZ	23.912, 19.179, 81.794
xyY	0.191, 0.154, 19.179
CIE-LCH	50.897, 71.857, 292.324
CIE-LUV	50.897, -17.281, -104.824
Hunter-Lab	43.794, 20.821, -80.079
Binary	01001100, 01110000, 11101100

#4c70ec
```
#4c70ec rgb(76,112,236)
```
#ecc84c
```
#ecc84c rgb(236,200,76)
```

Complementary Color

#4cc0ec
```
#4cc0ec rgb(76,192,236)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#784cec
```
#784cec rgb(120,76,236)
```

Analogous Color

#c0ec4c
```
#c0ec4c rgb(192,236,76)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#ec784c
```
#ec784c rgb(236,120,76)
```

Split Complementary Color

#70ec4c
```
#70ec4c rgb(112,236,76)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#ec4c70
```
#ec4c70 rgb(236,76,112)
```

Triadic Color

#4cecc8
```
#4cecc8 rgb(76,236,200)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#ec4c70
```
#ec4c70 rgb(236,76,112)
```
#ecc84c
```
#ecc84c rgb(236,200,76)
```

Tetradic Color

#1741d5
```
#1741d5 rgb(23,65,213)
```
#1e4be7
```
#1e4be7 rgb(30,75,231)
```
#355eea
```
#355eea rgb(53,94,234)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#6382ee
```
#6382ee rgb(99,130,238)
```
#7a95f1
```
#7a95f1 rgb(122,149,241)
```
#91a7f3
```
#91a7f3 rgb(145,167,243)
```

Monochromatic Color

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

#4c98ec
```
#4c98ec rgb(76,152,236)
```
#4c8bec
```
#4c8bec rgb(76,139,236)
```
#4c7dec
```
#4c7dec rgb(76,125,236)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#4c63ec
```
#4c63ec rgb(76,99,236)
```
#4c55ec
```
#4c55ec rgb(76,85,236)
```
#504cec
```
#504cec rgb(80,76,236)
```

Similar Colors

Text with hexadecimal color #4c70ec

This text has a font color of #4c70ec.

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

#4c70ec background color

This paragraph has a background color of #4c70ec.

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

#4c70ec border color

This element has a border color of #4c70ec.

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

CSS codes

.text {color:#4c70ec;}

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

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

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

#020510
```
#020510 rgb(2,5,16)
```
#040a22
```
#040a22 rgb(4,10,34)
```
#051034
```
#051034 rgb(5,16,52)
```
#071545
```
#071545 rgb(7,21,69)
```
#091b57
```
#091b57 rgb(9,27,87)
```
#0b2069
```
#0b2069 rgb(11,32,105)
```
#0d267a
```
#0d267a rgb(13,38,122)
```
#0f2b8c
```
#0f2b8c rgb(15,43,140)
```
#11319e
```
#11319e rgb(17,49,158)
```
#1336b0
```
#1336b0 rgb(19,54,176)
```
#153bc1
```
#153bc1 rgb(21,59,193)
```
#1641d3
```
#1641d3 rgb(22,65,211)
```
#1846e5
```
#1846e5 rgb(24,70,229)
```

Shade Color Variation

#2954e8
```
#2954e8 rgb(41,84,232)
```
#3a62ea
```
#3a62ea rgb(58,98,234)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#5e7eee
```
#5e7eee rgb(94,126,238)
```
#6f8cf0
```
#6f8cf0 rgb(111,140,240)
```
#819bf2
```
#819bf2 rgb(129,155,242)
```
#93a9f4
```
#93a9f4 rgb(147,169,244)
```
#a5b7f5
```
#a5b7f5 rgb(165,183,245)
```
#b6c5f7
```
#b6c5f7 rgb(182,197,247)
```
#c8d3f9
```
#c8d3f9 rgb(200,211,249)
```
#dae1fb
```
#dae1fb rgb(218,225,251)
```
#ecf0fd
```
#ecf0fd rgb(236,240,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989aa0 is the less saturated color, while #3d68fb is the most saturated one.

#989aa0
```
#989aa0 rgb(152,154,160)
```
#9196a7
```
#9196a7 rgb(145,150,167)
```
#8992af
```
#8992af rgb(137,146,175)
```
#818db7
```
#818db7 rgb(129,141,183)
```
#7a89be
```
#7a89be rgb(122,137,190)
```
#7285c6
```
#7285c6 rgb(114,133,198)
```
#6a81ce
```
#6a81ce rgb(106,129,206)
```
#637dd5
```
#637dd5 rgb(99,125,213)
```
#5b78dd
```
#5b78dd rgb(91,120,221)
```
#5474e4
```
#5474e4 rgb(84,116,228)
```
#4c70ec
```
#4c70ec rgb(76,112,236)
```
#446cf4
```
#446cf4 rgb(68,108,244)
```
#3d68fb
```
#3d68fb rgb(61,104,251)
```

Tone Color Variation

Below, you can see how #4c70ec 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
#6b728b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e7cf1 Protanopia 1% of men
#0082d6 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#2e77ef Protanomaly 1% of men, 0.01% of women
#1b7bde Deuteranomaly 6% of men, 0.4% of women
#1b82b5 Tritanomaly 0.01% of the population