#4c70cc hex color

In a RGB color space, hex #4c70cc is composed of 29.8% red, 43.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 45.1% magenta, 0% yellow and 20% black. It has a hue angle of 223.1 degrees, a saturation of 55.7% and a lightness of 54.9%. #4c70cc color hex could be obtained by blending #98e0ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 30
- G 44
- B 80
RGB color chart
- C 63
- M 45
- Y 0
- K 20
CMYK color chart

● #4c70cc color description : Moderate blue.

The hexadecimal color #4c70cc has RGB values of R:76, G:112, B:204 and CMYK values of C:0.63, M:0.45, Y:0, K:0.2. Its decimal value is 5009612.

Hex triplet	4c70cc	`#4c70cc`
RGB Decimal	76, 112, 204	`rgb(76,112,204)`
RGB Percent	29.8, 43.9, 80	`rgb(29.8%,43.9%,80%)`
CMYK	63, 45, 0, 20
HSL	223.1°, 55.7, 54.9	`hsl(223.1,55.7%,54.9%)`
HSV (or HSB)	223.1°, 62.7, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.863, 16.174, -51.643
XYZ	19.671, 17.483, 59.461
xyY	0.204, 0.181, 17.483
CIE-LCH	48.863, 54.117, 287.39
CIE-LUV	48.863, -17.086, -80.355
Hunter-Lab	41.813, 10.804, -55.046
Binary	01001100, 01110000, 11001100

#4c70cc
```
#4c70cc rgb(76,112,204)
```
#cca84c
```
#cca84c rgb(204,168,76)
```

Complementary Color

#4cb0cc
```
#4cb0cc rgb(76,176,204)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#684ccc
```
#684ccc rgb(104,76,204)
```

Analogous Color

#b0cc4c
```
#b0cc4c rgb(176,204,76)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#cc684c
```
#cc684c rgb(204,104,76)
```

Split Complementary Color

#70cc4c
```
#70cc4c rgb(112,204,76)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#cc4c70
```
#cc4c70 rgb(204,76,112)
```

Triadic Color

#4ccca8
```
#4ccca8 rgb(76,204,168)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#cc4c70
```
#cc4c70 rgb(204,76,112)
```
#cca84c
```
#cca84c rgb(204,168,76)
```

Tetradic Color

#2d4d9e
```
#2d4d9e rgb(45,77,158)
```
#3357b2
```
#3357b2 rgb(51,87,178)
```
#3860c6
```
#3860c6 rgb(56,96,198)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#6080d2
```
#6080d2 rgb(96,128,210)
```
#7490d7
```
#7490d7 rgb(116,144,215)
```
#88a0dd
```
#88a0dd rgb(136,160,221)
```

Monochromatic Color

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

#4c90cc
```
#4c90cc rgb(76,144,204)
```
#4c85cc
```
#4c85cc rgb(76,133,204)
```
#4c7bcc
```
#4c7bcc rgb(76,123,204)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#4c65cc
```
#4c65cc rgb(76,101,204)
```
#4c5bcc
```
#4c5bcc rgb(76,91,204)
```
#4c50cc
```
#4c50cc rgb(76,80,204)
```

Similar Colors

Text with hexadecimal color #4c70cc

This text has a font color of #4c70cc.

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

#4c70cc background color

This paragraph has a background color of #4c70cc.

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

#4c70cc border color

This element has a border color of #4c70cc.

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

CSS codes

.text {color:#4c70cc;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060913
```
#060913 rgb(6,9,19)
```
#0a1123
```
#0a1123 rgb(10,17,35)
```
#0e1832
```
#0e1832 rgb(14,24,50)
```
#132041
```
#132041 rgb(19,32,65)
```
#172751
```
#172751 rgb(23,39,81)
```
#1b2f60
```
#1b2f60 rgb(27,47,96)
```
#20366f
```
#20366f rgb(32,54,111)
```
#243d7e
```
#243d7e rgb(36,61,126)
```
#28458e
```
#28458e rgb(40,69,142)
```
#2d4c9d
```
#2d4c9d rgb(45,76,157)
```
#3154ac
```
#3154ac rgb(49,84,172)
```
#355bbb
```
#355bbb rgb(53,91,187)
```

Shade Color Variation

#3d64c8
```
#3d64c8 rgb(61,100,200)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#5b7cd0
```
#5b7cd0 rgb(91,124,208)
```
#6b88d5
```
#6b88d5 rgb(107,136,213)
```
#7a95d9
```
#7a95d9 rgb(122,149,217)
```
#89a1dd
```
#89a1dd rgb(137,161,221)
```
#98ade2
```
#98ade2 rgb(152,173,226)
```
#a8b9e6
```
#a8b9e6 rgb(168,185,230)
```
#b7c5ea
```
#b7c5ea rgb(183,197,234)
```
#c6d2ef
```
#c6d2ef rgb(198,210,239)
```
#d5def3
```
#d5def3 rgb(213,222,243)
```
#e5eaf7
```
#e5eaf7 rgb(229,234,247)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8b8e is the less saturated color, while #205df8 is the most saturated one.

#8a8b8e
```
#8a8b8e rgb(138,139,142)
```
#818797
```
#818797 rgb(129,135,151)
```
#7883a0
```
#7883a0 rgb(120,131,160)
```
#6f7fa9
```
#6f7fa9 rgb(111,127,169)
```
#677cb1
```
#677cb1 rgb(103,124,177)
```
#5e78ba
```
#5e78ba rgb(94,120,186)
```
#5574c3
```
#5574c3 rgb(85,116,195)
```
#4c70cc
```
#4c70cc rgb(76,112,204)
```
#436cd5
```
#436cd5 rgb(67,108,213)
```
#3a68de
```
#3a68de rgb(58,104,222)
```
#3164e7
```
#3164e7 rgb(49,100,231)
```
#2961ef
```
#2961ef rgb(41,97,239)
```
#205df8
```
#205df8 rgb(32,93,248)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#697082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e78cf Protanopia 1% of men
#2e7ccc Deuteranopia 1% of men
#268690 Tritanopia 0.001% of the population

Trichromacy

#4d75ce Protanomaly 1% of men, 0.01% of women
#3978cc Deuteranomaly 6% of men, 0.4% of women
#347ea6 Tritanomaly 0.01% of the population

#4c70cc hex color

#4c70cc Color Information

#4c70cc Color Conversion

Color Schemes with #4c70cc

Alternatives to #4c70cc

#4c70cc Preview

Shades and Tints of #4c70cc

Tones of #4c70cc

Color Blindness Simulator