#4f85e6 hex color

In a RGB color space, hex #4f85e6 is composed of 31% red, 52.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 42.2% magenta, 0% yellow and 9.8% black. It has a hue angle of 218.5 degrees, a saturation of 75.1% and a lightness of 60.6%. #4f85e6 color hex could be obtained by blending #9effff with #000bcd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 52
- B 90
RGB color chart
- C 66
- M 42
- Y 0
- K 10
CMYK color chart

● #4f85e6 color description : Soft blue.

The hexadecimal color #4f85e6 has RGB values of R:79, G:133, B:230 and CMYK values of C:0.66, M:0.42, Y:0, K:0.1. Its decimal value is 5211622.

Hex triplet	4f85e6	`#4f85e6`
RGB Decimal	79, 133, 230	`rgb(79,133,230)`
RGB Percent	31, 52.2, 90.2	`rgb(31%,52.2%,90.2%)`
CMYK	66, 42, 0, 10
HSL	218.5°, 75.1, 60.6	`hsl(218.5,75.1%,60.6%)`
HSV (or HSB)	218.5°, 65.7, 90.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.236, 12.76, -54.527
XYZ	25.892, 24.149, 78.155
xyY	0.202, 0.188, 24.149
CIE-LCH	56.236, 56, 283.171
CIE-LUV	56.236, -23.022, -87.179
Hunter-Lab	49.141, 8.051, -59.897
Binary	01001111, 10000101, 11100110

#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#e6b04f
```
#e6b04f rgb(230,176,79)
```

Complementary Color

#4fd1e6
```
#4fd1e6 rgb(79,209,230)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#654fe6
```
#654fe6 rgb(101,79,230)
```

Analogous Color

#d1e64f
```
#d1e64f rgb(209,230,79)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#e6654f
```
#e6654f rgb(230,101,79)
```

Split Complementary Color

#85e64f
```
#85e64f rgb(133,230,79)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#e64f85
```
#e64f85 rgb(230,79,133)
```

Triadic Color

#4fe6b0
```
#4fe6b0 rgb(79,230,176)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#e64f85
```
#e64f85 rgb(230,79,133)
```
#e6b04f
```
#e6b04f rgb(230,176,79)
```

Tetradic Color

#1d5bcc
```
#1d5bcc rgb(29,91,204)
```
#2266e0
```
#2266e0 rgb(34,102,224)
```
#3976e3
```
#3976e3 rgb(57,118,227)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#6594e9
```
#6594e9 rgb(101,148,233)
```
#7ca4ec
```
#7ca4ec rgb(124,164,236)
```
#92b3f0
```
#92b3f0 rgb(146,179,240)
```

Monochromatic Color

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

#4fabe6
```
#4fabe6 rgb(79,171,230)
```
#4f9ee6
```
#4f9ee6 rgb(79,158,230)
```
#4f92e6
```
#4f92e6 rgb(79,146,230)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#4f78e6
```
#4f78e6 rgb(79,120,230)
```
#4f6ce6
```
#4f6ce6 rgb(79,108,230)
```
#4f5fe6
```
#4f5fe6 rgb(79,95,230)
```

Similar Colors

Text with hexadecimal color #4f85e6

This text has a font color of #4f85e6.

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

#4f85e6 background color

This paragraph has a background color of #4f85e6.

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

#4f85e6 border color

This element has a border color of #4f85e6.

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

CSS codes

.text {color:#4f85e6;}

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

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

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, #02060d is the darkest color, while #fbfcfe is the lightest one.

#02060d
```
#02060d rgb(2,6,13)
```
#040e1e
```
#040e1e rgb(4,14,30)
```
#07152f
```
#07152f rgb(7,21,47)
```
#091d40
```
#091d40 rgb(9,29,64)
```
#0c2552
```
#0c2552 rgb(12,37,82)
```
#0e2c63
```
#0e2c63 rgb(14,44,99)
```
#103474
```
#103474 rgb(16,52,116)
```
#133c85
```
#133c85 rgb(19,60,133)
```
#154396
```
#154396 rgb(21,67,150)
```
#184ba8
```
#184ba8 rgb(24,75,168)
```
#1a53b9
```
#1a53b9 rgb(26,83,185)
```
#1d5bca
```
#1d5bca rgb(29,91,202)
```
#1f62db
```
#1f62db rgb(31,98,219)
```

Shade Color Variation

#2d6de1
```
#2d6de1 rgb(45,109,225)
```
#3e79e4
```
#3e79e4 rgb(62,121,228)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#6091e8
```
#6091e8 rgb(96,145,232)
```
#719deb
```
#719deb rgb(113,157,235)
```
#83a9ed
```
#83a9ed rgb(131,169,237)
```
#94b5f0
```
#94b5f0 rgb(148,181,240)
```
#a5c1f2
```
#a5c1f2 rgb(165,193,242)
```
#b6ccf5
```
#b6ccf5 rgb(182,204,245)
```
#c7d8f7
```
#c7d8f7 rgb(199,216,247)
```
#d8e4fa
```
#d8e4fa rgb(216,228,250)
```
#eaf0fc
```
#eaf0fc rgb(234,240,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9599a0 is the less saturated color, while #387efd is the most saturated one.

#9599a0
```
#9599a0 rgb(149,153,160)
```
#8d97a8
```
#8d97a8 rgb(141,151,168)
```
#8594b0
```
#8594b0 rgb(133,148,176)
```
#7d92b8
```
#7d92b8 rgb(125,146,184)
```
#7690bf
```
#7690bf rgb(118,144,191)
```
#6e8ec7
```
#6e8ec7 rgb(110,142,199)
```
#668ccf
```
#668ccf rgb(102,140,207)
```
#5e89d7
```
#5e89d7 rgb(94,137,215)
```
#5787de
```
#5787de rgb(87,135,222)
```
#4f85e6
```
#4f85e6 rgb(79,133,230)
```
#4783ee
```
#4783ee rgb(71,131,238)
```
#4081f5
```
#4081f5 rgb(64,129,245)
```
#387efd
```
#387efd rgb(56,126,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#768194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#608ae6 Protanopia 1% of men
#418ee5 Deuteranopia 1% of men
#129aa5 Tritanopia 0.001% of the population

Trichromacy

#5a88e6 Protanomaly 1% of men, 0.01% of women
#468be5 Deuteranomaly 6% of men, 0.4% of women
#2892bd Tritanomaly 0.01% of the population

#4f85e6 hex color

#4f85e6 Color Information

#4f85e6 Color Conversion

Color Schemes with #4f85e6

Alternatives to #4f85e6

#4f85e6 Preview

Shades and Tints of #4f85e6

Tones of #4f85e6

Color Blindness Simulator