#4700f4 hex color

In a RGB color space, hex #4700f4 is composed of 27.8% red, 0% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 100% magenta, 0% yellow and 4.3% black. It has a hue angle of 257.5 degrees, a saturation of 100% and a lightness of 47.8%. #4700f4 color hex could be obtained by blending #8e00ff with #0000e9. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 28
- G 0
- B 96
RGB color chart
- C 71
- M 100
- Y 0
- K 4
CMYK color chart

● #4700f4 color description : Pure (or mostly pure) violet.

The hexadecimal color #4700f4 has RGB values of R:71, G:0, B:244 and CMYK values of C:0.71, M:1, Y:0, K:0.04. Its decimal value is 4653300.

Hex triplet	4700f4	`#4700f4`
RGB Decimal	71, 0, 244	`rgb(71,0,244)`
RGB Percent	27.8, 0, 95.7	`rgb(27.8%,0%,95.7%)`
CMYK	71, 100, 0, 4
HSL	257.5°, 100, 47.8	`hsl(257.5,100%,47.8%)`
HSV (or HSB)	257.5°, 100, 95.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.711, 77.693, -99.24
XYZ	18.925, 7.87, 86.105
xyY	0.168, 0.07, 7.87
CIE-LCH	33.711, 126.035, 308.057
CIE-LUV	33.711, -2.779, -126.717
Hunter-Lab	28.054, 71.317, -162.338
Binary	01000111, 00000000, 11110100

#4700f4
```
#4700f4 rgb(71,0,244)
```
#adf400
```
#adf400 rgb(173,244,0)
```

Complementary Color

#0033f4
```
#0033f4 rgb(0,51,244)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```
#c100f4
```
#c100f4 rgb(193,0,244)
```

Analogous Color

#33f400
```
#33f400 rgb(51,244,0)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```
#f4c100
```
#f4c100 rgb(244,193,0)
```

Split Complementary Color

#00f447
```
#00f447 rgb(0,244,71)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```
#f44700
```
#f44700 rgb(244,71,0)
```

Triadic Color

#00adf4
```
#00adf4 rgb(0,173,244)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```
#f44700
```
#f44700 rgb(244,71,0)
```
#adf400
```
#adf400 rgb(173,244,0)
```

Tetradic Color

#3100a8
```
#3100a8 rgb(49,0,168)
```
#3800c1
```
#3800c1 rgb(56,0,193)
```
#4000db
```
#4000db rgb(64,0,219)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```
#540fff
```
#540fff rgb(84,15,255)
```
#6728ff
```
#6728ff rgb(103,40,255)
```
#7942ff
```
#7942ff rgb(121,66,255)
```

Monochromatic Color

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

#0a00f4
```
#0a00f4 rgb(10,0,244)
```
#1e00f4
```
#1e00f4 rgb(30,0,244)
```
#3300f4
```
#3300f4 rgb(51,0,244)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```
#5b00f4
```
#5b00f4 rgb(91,0,244)
```
#7000f4
```
#7000f4 rgb(112,0,244)
```
#8400f4
```
#8400f4 rgb(132,0,244)
```

Similar Colors

Text with hexadecimal color #4700f4

This text has a font color of #4700f4.

<span style="color:#4700f4;">Text here</span>

#4700f4 background color

This paragraph has a background color of #4700f4.

<p style="background-color:#4700f4;">Content here</p>

#4700f4 border color

This element has a border color of #4700f4.

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

CSS codes

.text {color:#4700f4;}

.background {background-color:#4700f4;}

.border {border:1px solid #4700f4;}

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

#030009
```
#030009 rgb(3,0,9)
```
#08001c
```
#08001c rgb(8,0,28)
```
#0e0030
```
#0e0030 rgb(14,0,48)
```
#140043
```
#140043 rgb(20,0,67)
```
#190057
```
#190057 rgb(25,0,87)
```
#1f006b
```
#1f006b rgb(31,0,107)
```
#25007e
```
#25007e rgb(37,0,126)
```
#2a0092
```
#2a0092 rgb(42,0,146)
```
#3000a6
```
#3000a6 rgb(48,0,166)
```
#3600b9
```
#3600b9 rgb(54,0,185)
```
#3c00cd
```
#3c00cd rgb(60,0,205)
```
#4100e0
```
#4100e0 rgb(65,0,224)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```

Shade Color Variation

#5009ff
```
#5009ff rgb(80,9,255)
```
#5e1cff
```
#5e1cff rgb(94,28,255)
```
#6c30ff
```
#6c30ff rgb(108,48,255)
```
#7a43ff
```
#7a43ff rgb(122,67,255)
```
#8857ff
```
#8857ff rgb(136,87,255)
```
#966bff
```
#966bff rgb(150,107,255)
```
#a47eff
```
#a47eff rgb(164,126,255)
```
#b292ff
```
#b292ff rgb(178,146,255)
```
#c0a6ff
```
#c0a6ff rgb(192,166,255)
```
#cdb9ff
```
#cdb9ff rgb(205,185,255)
```
#dbcdff
```
#dbcdff rgb(219,205,255)
```
#e9e0ff
```
#e9e0ff rgb(233,224,255)
```
#f7f4ff
```
#f7f4ff rgb(247,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767183 is the less saturated color, while #4700f4 is the most saturated one.

#767183
```
#767183 rgb(118,113,131)
```
#72678d
```
#72678d rgb(114,103,141)
```
#6e5e96
```
#6e5e96 rgb(110,94,150)
```
#6a54a0
```
#6a54a0 rgb(106,84,160)
```
#664ba9
```
#664ba9 rgb(102,75,169)
```
#6242b2
```
#6242b2 rgb(98,66,178)
```
#5f38bc
```
#5f38bc rgb(95,56,188)
```
#5b2fc5
```
#5b2fc5 rgb(91,47,197)
```
#5726ce
```
#5726ce rgb(87,38,206)
```
#531cd8
```
#531cd8 rgb(83,28,216)
```
#4f13e1
```
#4f13e1 rgb(79,19,225)
```
#4b09eb
```
#4b09eb rgb(75,9,235)
```
#4700f4
```
#4700f4 rgb(71,0,244)
```

Tone Color Variation

Below, you can see how #4700f4 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

#313131 Achromatopsia 0.005% of the population
#352758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005b8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#1936c2 Protanomaly 1% of men, 0.01% of women
#1939b4 Deuteranomaly 6% of men, 0.4% of women
#193d99 Tritanomaly 0.01% of the population

#4700f4 hex color

#4700f4 Color Information

#4700f4 Color Conversion

Color Schemes with #4700f4

Alternatives to #4700f4

#4700f4 Preview

Shades and Tints of #4700f4

Tones of #4700f4

Color Blindness Simulator