#4f70e0 hex color

In a RGB color space, hex #4f70e0 is composed of 31% red, 43.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 50% magenta, 0% yellow and 12.2% black. It has a hue angle of 226.3 degrees, a saturation of 70% and a lightness of 59.4%. #4f70e0 color hex could be obtained by blending #9ee0ff with #0000c1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 44
- B 88
RGB color chart
- C 65
- M 50
- Y 0
- K 12
CMYK color chart

● #4f70e0 color description : Soft blue.

The hexadecimal color #4f70e0 has RGB values of R:79, G:112, B:224 and CMYK values of C:0.65, M:0.5, Y:0, K:0.12. Its decimal value is 5206240.

Hex triplet	4f70e0	`#4f70e0`
RGB Decimal	79, 112, 224	`rgb(79,112,224)`
RGB Percent	31, 43.9, 87.8	`rgb(31%,43.9%,87.8%)`
CMYK	65, 50, 0, 12
HSL	226.3°, 70, 59.4	`hsl(226.3,70%,59.4%)`
HSV (or HSB)	226.3°, 64.7, 87.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.253, 23.595, -60.76
XYZ	22.47, 18.631, 72.929
xyY	0.197, 0.163, 18.631
CIE-LCH	50.253, 65.18, 291.223
CIE-LUV	50.253, -16.483, -95.591
Hunter-Lab	43.164, 17.387, -69.961
Binary	01001111, 01110000, 11100000

#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#e0bf4f
```
#e0bf4f rgb(224,191,79)
```

Complementary Color

#4fb9e0
```
#4fb9e0 rgb(79,185,224)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#774fe0
```
#774fe0 rgb(119,79,224)
```

Analogous Color

#b9e04f
```
#b9e04f rgb(185,224,79)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#e0774f
```
#e0774f rgb(224,119,79)
```

Split Complementary Color

#70e04f
```
#70e04f rgb(112,224,79)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#e04f70
```
#e04f70 rgb(224,79,112)
```

Triadic Color

#4fe0bf
```
#4fe0bf rgb(79,224,191)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#e04f70
```
#e04f70 rgb(224,79,112)
```
#e0bf4f
```
#e0bf4f rgb(224,191,79)
```

Tetradic Color

#2246c1
```
#2246c1 rgb(34,70,193)
```
#264ed6
```
#264ed6 rgb(38,78,214)
```
#395edc
```
#395edc rgb(57,94,220)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#6582e4
```
#6582e4 rgb(101,130,228)
```
#7a93e8
```
#7a93e8 rgb(122,147,232)
```
#90a5eb
```
#90a5eb rgb(144,165,235)
```

Monochromatic Color

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

#4f94e0
```
#4f94e0 rgb(79,148,224)
```
#4f88e0
```
#4f88e0 rgb(79,136,224)
```
#4f7ce0
```
#4f7ce0 rgb(79,124,224)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#4f64e0
```
#4f64e0 rgb(79,100,224)
```
#4f58e0
```
#4f58e0 rgb(79,88,224)
```
#524fe0
```
#524fe0 rgb(82,79,224)
```

Similar Colors

Text with hexadecimal color #4f70e0

This text has a font color of #4f70e0.

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

#4f70e0 background color

This paragraph has a background color of #4f70e0.

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

#4f70e0 border color

This element has a border color of #4f70e0.

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

CSS codes

.text {color:#4f70e0;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040918
```
#040918 rgb(4,9,24)
```
#070f29
```
#070f29 rgb(7,15,41)
```
#0a1539
```
#0a1539 rgb(10,21,57)
```
#0d1b4a
```
#0d1b4a rgb(13,27,74)
```
#10215b
```
#10215b rgb(16,33,91)
```
#13276c
```
#13276c rgb(19,39,108)
```
#162d7c
```
#162d7c rgb(22,45,124)
```
#19338d
```
#19338d rgb(25,51,141)
```
#1c399e
```
#1c399e rgb(28,57,158)
```
#1f3fae
```
#1f3fae rgb(31,63,174)
```
#2245bf
```
#2245bf rgb(34,69,191)
```
#254bd0
```
#254bd0 rgb(37,75,208)
```

Shade Color Variation

#2e55da
```
#2e55da rgb(46,85,218)
```
#3e62dd
```
#3e62dd rgb(62,98,221)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#607ee3
```
#607ee3 rgb(96,126,227)
```
#708be6
```
#708be6 rgb(112,139,230)
```
#8199e9
```
#8199e9 rgb(129,153,233)
```
#92a6ec
```
#92a6ec rgb(146,166,236)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#b3c1f2
```
#b3c1f2 rgb(179,193,242)
```
#c4cff5
```
#c4cff5 rgb(196,207,245)
```
#d4dcf8
```
#d4dcf8 rgb(212,220,248)
```
#e5eafa
```
#e5eafa rgb(229,234,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#979798
```
#979798 rgb(151,151,152)
```
#8f93a0
```
#8f93a0 rgb(143,147,160)
```
#878ea8
```
#878ea8 rgb(135,142,168)
```
#7f8ab0
```
#7f8ab0 rgb(127,138,176)
```
#7786b8
```
#7786b8 rgb(119,134,184)
```
#6f81c0
```
#6f81c0 rgb(111,129,192)
```
#677dc8
```
#677dc8 rgb(103,125,200)
```
#5f79d0
```
#5f79d0 rgb(95,121,208)
```
#5774d8
```
#5774d8 rgb(87,116,216)
```
#4f70e0
```
#4f70e0 rgb(79,112,224)
```
#476ce8
```
#476ce8 rgb(71,108,232)
```
#3f67f0
```
#3f67f0 rgb(63,103,240)
```
#3763f8
```
#3763f8 rgb(55,99,248)
```

Tone Color Variation

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

Dichromacy

#397be4 Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#4177e3 Protanomaly 1% of men, 0.01% of women
#1c7ad9 Deuteranomaly 6% of men, 0.4% of women
#1c81b0 Tritanomaly 0.01% of the population

#4f70e0 hex color

#4f70e0 Color Information

#4f70e0 Color Conversion

Color Schemes with #4f70e0

Alternatives to #4f70e0

#4f70e0 Preview

Shades and Tints of #4f70e0

Tones of #4f70e0

Color Blindness Simulator