#4c70ff hex color

In a RGB color space, hex #4c70ff is composed of 29.8% red, 43.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 56.1% magenta, 0% yellow and 0% black. It has a hue angle of 227.9 degrees, a saturation of 100% and a lightness of 64.9%. #4c70ff color hex could be obtained by blending #98e0ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 30
- G 44
- B 100
RGB color chart
- C 70
- M 56
- Y 0
- K 0
CMYK color chart

● #4c70ff color description : Light blue.

The hexadecimal color #4c70ff has RGB values of R:76, G:112, B:255 and CMYK values of C:0.7, M:0.56, Y:0, K:0. Its decimal value is 5009663.

Hex triplet	4c70ff	`#4c70ff`
RGB Decimal	76, 112, 255	`rgb(76,112,255)`
RGB Percent	29.8, 43.9, 100	`rgb(29.8%,43.9%,100%)`
CMYK	70, 56, 0, 0
HSL	227.9°, 100, 64.9	`hsl(227.9,100%,64.9%)`
HSV (or HSB)	227.9°, 70.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.223, 33.891, -74.893
XYZ	26.821, 20.343, 97.115
xyY	0.186, 0.141, 20.343
CIE-LCH	52.223, 82.204, 294.348
CIE-LUV	52.223, -17.462, -118.538
Hunter-Lab	45.103, 27.215, -96.089
Binary	01001100, 01110000, 11111111

#4c70ff
```
#4c70ff rgb(76,112,255)
```
#ffdb4c
```
#ffdb4c rgb(255,219,76)
```

Complementary Color

#4ccaff
```
#4ccaff rgb(76,202,255)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#824cff
```
#824cff rgb(130,76,255)
```

Analogous Color

#caff4c
```
#caff4c rgb(202,255,76)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#ff824c
```
#ff824c rgb(255,130,76)
```

Split Complementary Color

#70ff4c
```
#70ff4c rgb(112,255,76)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#ff4c70
```
#ff4c70 rgb(255,76,112)
```

Triadic Color

#4cffdb
```
#4cffdb rgb(76,255,219)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#ff4c70
```
#ff4c70 rgb(255,76,112)
```
#ffdb4c
```
#ffdb4c rgb(255,219,76)
```

Tetradic Color

#0033ff
```
#0033ff rgb(0,51,255)
```
#1947ff
```
#1947ff rgb(25,71,255)
```
#335cff
```
#335cff rgb(51,92,255)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#6684ff
```
#6684ff rgb(102,132,255)
```
#7f99ff
```
#7f99ff rgb(127,153,255)
```
#99adff
```
#99adff rgb(153,173,255)
```

Monochromatic Color

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

#4c9dff
```
#4c9dff rgb(76,157,255)
```
#4c8eff
```
#4c8eff rgb(76,142,255)
```
#4c7fff
```
#4c7fff rgb(76,127,255)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#4c61ff
```
#4c61ff rgb(76,97,255)
```
#4c52ff
```
#4c52ff rgb(76,82,255)
```
#554cff
```
#554cff rgb(85,76,255)
```

Similar Colors

Text with hexadecimal color #4c70ff

This text has a font color of #4c70ff.

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

#4c70ff background color

This paragraph has a background color of #4c70ff.

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

#4c70ff border color

This element has a border color of #4c70ff.

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

CSS codes

.text {color:#4c70ff;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000725
```
#000725 rgb(0,7,37)
```
#000b38
```
#000b38 rgb(0,11,56)
```
#000f4c
```
#000f4c rgb(0,15,76)
```
#001360
```
#001360 rgb(0,19,96)
```
#001773
```
#001773 rgb(0,23,115)
```
#001b87
```
#001b87 rgb(0,27,135)
```
#001f9a
```
#001f9a rgb(0,31,154)
```
#0023ae
```
#0023ae rgb(0,35,174)
```
#0027c2
```
#0027c2 rgb(0,39,194)
```
#002bd5
```
#002bd5 rgb(0,43,213)
```
#002fe9
```
#002fe9 rgb(0,47,233)
```
#0033fd
```
#0033fd rgb(0,51,253)
```

Shade Color Variation

#1141ff
```
#1141ff rgb(17,65,255)
```
#2551ff
```
#2551ff rgb(37,81,255)
```
#3860ff
```
#3860ff rgb(56,96,255)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```
#6080ff
```
#6080ff rgb(96,128,255)
```
#738fff
```
#738fff rgb(115,143,255)
```
#879fff
```
#879fff rgb(135,159,255)
```
#9aafff
```
#9aafff rgb(154,175,255)
```
#aebeff
```
#aebeff rgb(174,190,255)
```
#c2ceff
```
#c2ceff rgb(194,206,255)
```
#d5deff
```
#d5deff rgb(213,222,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9fa1ac
```
#9fa1ac rgb(159,161,172)
```
#989db3
```
#989db3 rgb(152,157,179)
```
#9199ba
```
#9199ba rgb(145,153,186)
```
#8a95c1
```
#8a95c1 rgb(138,149,193)
```
#8391c8
```
#8391c8 rgb(131,145,200)
```
#7c8dcf
```
#7c8dcf rgb(124,141,207)
```
#7589d6
```
#7589d6 rgb(117,137,214)
```
#6e85dd
```
#6e85dd rgb(110,133,221)
```
#6880e3
```
#6880e3 rgb(104,128,227)
```
#617cea
```
#617cea rgb(97,124,234)
```
#5a78f1
```
#5a78f1 rgb(90,120,241)
```
#5374f8
```
#5374f8 rgb(83,116,248)
```
#4c70ff
```
#4c70ff rgb(76,112,255)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6e7591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#1b79fb Protanomaly 1% of men, 0.01% of women
#1b7ee7 Deuteranomaly 6% of men, 0.4% of women
#1b84be Tritanomaly 0.01% of the population

#4c70ff hex color

#4c70ff Color Information

#4c70ff Color Conversion

Color Schemes with #4c70ff

Alternatives to #4c70ff

#4c70ff Preview

Shades and Tints of #4c70ff

Tones of #4c70ff

Color Blindness Simulator