#4f85de hex color

In a RGB color space, hex #4f85de is composed of 31% red, 52.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 40.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 217.3 degrees, a saturation of 68.4% and a lightness of 59%. #4f85de color hex could be obtained by blending #9effff with #000bbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 52
- B 87
RGB color chart
- C 64
- M 40
- Y 0
- K 13
CMYK color chart

● #4f85de color description : Soft blue.

The hexadecimal color #4f85de has RGB values of R:79, G:133, B:222 and CMYK values of C:0.64, M:0.4, Y:0, K:0.13. Its decimal value is 5211614.

Hex triplet	4f85de	`#4f85de`
RGB Decimal	79, 133, 222	`rgb(79,133,222)`
RGB Percent	31, 52.2, 87.1	`rgb(31%,52.2%,87.1%)`
CMYK	64, 40, 0, 13
HSL	217.3°, 68.4, 59	`hsl(217.3,68.4%,59%)`
HSV (or HSB)	217.3°, 64.4, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.796, 10.011, -50.757
XYZ	24.794, 23.71, 72.373
xyY	0.205, 0.196, 23.71
CIE-LCH	55.796, 51.735, 281.158
CIE-LUV	55.796, -23.118, -80.686
Hunter-Lab	48.693, 5.679, -54.04
Binary	01001111, 10000101, 11011110

#4f85de
```
#4f85de rgb(79,133,222)
```
#dea84f
```
#dea84f rgb(222,168,79)
```

Complementary Color

#4fcdde
```
#4fcdde rgb(79,205,222)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#614fde
```
#614fde rgb(97,79,222)
```

Analogous Color

#cdde4f
```
#cdde4f rgb(205,222,79)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#de614f
```
#de614f rgb(222,97,79)
```

Split Complementary Color

#85de4f
```
#85de4f rgb(133,222,79)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#de4f85
```
#de4f85 rgb(222,79,133)
```

Triadic Color

#4fdea8
```
#4fdea8 rgb(79,222,168)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#de4f85
```
#de4f85 rgb(222,79,133)
```
#dea84f
```
#dea84f rgb(222,168,79)
```

Tetradic Color

#235dbd
```
#235dbd rgb(35,93,189)
```
#2768d3
```
#2768d3 rgb(39,104,211)
```
#3a76da
```
#3a76da rgb(58,118,218)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#6494e2
```
#6494e2 rgb(100,148,226)
```
#7aa3e6
```
#7aa3e6 rgb(122,163,230)
```
#8fb2ea
```
#8fb2ea rgb(143,178,234)
```

Monochromatic Color

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

#4fa9de
```
#4fa9de rgb(79,169,222)
```
#4f9dde
```
#4f9dde rgb(79,157,222)
```
#4f91de
```
#4f91de rgb(79,145,222)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#4f79de
```
#4f79de rgb(79,121,222)
```
#4f6dde
```
#4f6dde rgb(79,109,222)
```
#4f61de
```
#4f61de rgb(79,97,222)
```

Similar Colors

Text with hexadecimal color #4f85de

This text has a font color of #4f85de.

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

#4f85de background color

This paragraph has a background color of #4f85de.

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

#4f85de border color

This element has a border color of #4f85de.

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

CSS codes

.text {color:#4f85de;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040b16
```
#040b16 rgb(4,11,22)
```
#071327
```
#071327 rgb(7,19,39)
```
#0a1b37
```
#0a1b37 rgb(10,27,55)
```
#0d2348
```
#0d2348 rgb(13,35,72)
```
#112c58
```
#112c58 rgb(17,44,88)
```
#143469
```
#143469 rgb(20,52,105)
```
#173c79
```
#173c79 rgb(23,60,121)
```
#1a448a
```
#1a448a rgb(26,68,138)
```
#1d4c9a
```
#1d4c9a rgb(29,76,154)
```
#2054ab
```
#2054ab rgb(32,84,171)
```
#235dbb
```
#235dbb rgb(35,93,187)
```
#2665cc
```
#2665cc rgb(38,101,204)
```

Shade Color Variation

#2e6ed8
```
#2e6ed8 rgb(46,110,216)
```
#3e7adb
```
#3e7adb rgb(62,122,219)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#6090e1
```
#6090e1 rgb(96,144,225)
```
#709ce4
```
#709ce4 rgb(112,156,228)
```
#81a7e7
```
#81a7e7 rgb(129,167,231)
```
#91b3ea
```
#91b3ea rgb(145,179,234)
```
#a2beed
```
#a2beed rgb(162,190,237)
```
#b2caf1
```
#b2caf1 rgb(178,202,241)
```
#c3d5f4
```
#c3d5f4 rgb(195,213,244)
```
#d3e1f7
```
#d3e1f7 rgb(211,225,247)
```
#e4ecfa
```
#e4ecfa rgb(228,236,250)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#8f959e
```
#8f959e rgb(143,149,158)
```
#8793a6
```
#8793a6 rgb(135,147,166)
```
#7f91ae
```
#7f91ae rgb(127,145,174)
```
#778fb6
```
#778fb6 rgb(119,143,182)
```
#6f8dbe
```
#6f8dbe rgb(111,141,190)
```
#678bc6
```
#678bc6 rgb(103,139,198)
```
#5f89ce
```
#5f89ce rgb(95,137,206)
```
#5787d6
```
#5787d6 rgb(87,135,214)
```
#4f85de
```
#4f85de rgb(79,133,222)
```
#4783e6
```
#4783e6 rgb(71,131,230)
```
#3f81ee
```
#3f81ee rgb(63,129,238)
```
#377ff6
```
#377ff6 rgb(55,127,246)
```
#2f7dfe
```
#2f7dfe rgb(47,125,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#758092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6689de Protanopia 1% of men
#4d8ddf Deuteranopia 1% of men
#2698a4 Tritanopia 0.001% of the population

Trichromacy

#5d87de Protanomaly 1% of men, 0.01% of women
#4d8ade Deuteranomaly 6% of men, 0.4% of women
#3591b9 Tritanomaly 0.01% of the population

#4f85de hex color

#4f85de Color Information

#4f85de Color Conversion

Color Schemes with #4f85de

Alternatives to #4f85de

#4f85de Preview

Shades and Tints of #4f85de

Tones of #4f85de

Color Blindness Simulator