#4f85fb hex color

In a RGB color space, hex #4f85fb is composed of 31% red, 52.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 47% magenta, 0% yellow and 1.6% black. It has a hue angle of 221.2 degrees, a saturation of 95.6% and a lightness of 64.7%. #4f85fb color hex could be obtained by blending #9effff with #000bf7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 52
- B 98
RGB color chart
- C 69
- M 47
- Y 0
- K 2
CMYK color chart

● #4f85fb color description : Soft blue.

The hexadecimal color #4f85fb has RGB values of R:79, G:133, B:251 and CMYK values of C:0.69, M:0.47, Y:0, K:0.02. Its decimal value is 5211643.

Hex triplet	4f85fb	`#4f85fb`
RGB Decimal	79, 133, 251	`rgb(79,133,251)`
RGB Percent	31, 52.2, 98.4	`rgb(31%,52.2%,98.4%)`
CMYK	69, 47, 0, 2
HSL	221.2°, 95.6, 64.7	`hsl(221.2,95.6%,64.7%)`
HSV (or HSB)	221.2°, 68.5, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.464, 20.034, -64.204
XYZ	29.021, 25.4, 94.635
xyY	0.195, 0.17, 25.4
CIE-LCH	57.464, 67.257, 287.33
CIE-LUV	57.464, -22.827, -103.765
Hunter-Lab	50.399, 14.586, -76.051
Binary	01001111, 10000101, 11111011

#4f85fb
```
#4f85fb rgb(79,133,251)
```
#fbc54f
```
#fbc54f rgb(251,197,79)
```

Complementary Color

#4fdbfb
```
#4fdbfb rgb(79,219,251)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#6f4ffb
```
#6f4ffb rgb(111,79,251)
```

Analogous Color

#dbfb4f
```
#dbfb4f rgb(219,251,79)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#fb6f4f
```
#fb6f4f rgb(251,111,79)
```

Split Complementary Color

#85fb4f
```
#85fb4f rgb(133,251,79)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#fb4f85
```
#fb4f85 rgb(251,79,133)
```

Triadic Color

#4ffbc5
```
#4ffbc5 rgb(79,251,197)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#fb4f85
```
#fb4f85 rgb(251,79,133)
```
#fbc54f
```
#fbc54f rgb(251,197,79)
```

Tetradic Color

#0652f8
```
#0652f8 rgb(6,82,248)
```
#1d62fa
```
#1d62fa rgb(29,98,250)
```
#3674fa
```
#3674fa rgb(54,116,250)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#6896fc
```
#6896fc rgb(104,150,252)
```
#81a8fc
```
#81a8fc rgb(129,168,252)
```
#9ab9fd
```
#9ab9fd rgb(154,185,253)
```

Monochromatic Color

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

#4fb0fb
```
#4fb0fb rgb(79,176,251)
```
#4fa2fb
```
#4fa2fb rgb(79,162,251)
```
#4f93fb
```
#4f93fb rgb(79,147,251)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#4f77fb
```
#4f77fb rgb(79,119,251)
```
#4f68fb
```
#4f68fb rgb(79,104,251)
```
#4f5afb
```
#4f5afb rgb(79,90,251)
```

Similar Colors

Text with hexadecimal color #4f85fb

This text has a font color of #4f85fb.

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

#4f85fb background color

This paragraph has a background color of #4f85fb.

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

#4f85fb border color

This element has a border color of #4f85fb.

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

CSS codes

.text {color:#4f85fb;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#010c23
```
#010c23 rgb(1,12,35)
```
#011236
```
#011236 rgb(1,18,54)
```
#021849
```
#021849 rgb(2,24,73)
```
#021e5d
```
#021e5d rgb(2,30,93)
```
#032570
```
#032570 rgb(3,37,112)
```
#032b83
```
#032b83 rgb(3,43,131)
```
#033196
```
#033196 rgb(3,49,150)
```
#0438a9
```
#0438a9 rgb(4,56,169)
```
#043ebc
```
#043ebc rgb(4,62,188)
```
#0544d0
```
#0544d0 rgb(5,68,208)
```
#054be3
```
#054be3 rgb(5,75,227)
```
#0651f6
```
#0651f6 rgb(6,81,246)
```

Shade Color Variation

#155dfa
```
#155dfa rgb(21,93,250)
```
#296afa
```
#296afa rgb(41,106,250)
```
#3c78fb
```
#3c78fb rgb(60,120,251)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```
#6292fb
```
#6292fb rgb(98,146,251)
```
#75a0fc
```
#75a0fc rgb(117,160,252)
```
#89adfc
```
#89adfc rgb(137,173,252)
```
#9cbafd
```
#9cbafd rgb(156,186,253)
```
#afc7fd
```
#afc7fd rgb(175,199,253)
```
#c2d5fe
```
#c2d5fe rgb(194,213,254)
```
#d5e2fe
```
#d5e2fe rgb(213,226,254)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a2a4a8
```
#a2a4a8 rgb(162,164,168)
```
#9ba1af
```
#9ba1af rgb(155,161,175)
```
#949fb6
```
#949fb6 rgb(148,159,182)
```
#8d9cbd
```
#8d9cbd rgb(141,156,189)
```
#869ac4
```
#869ac4 rgb(134,154,196)
```
#7f97cb
```
#7f97cb rgb(127,151,203)
```
#7994d1
```
#7994d1 rgb(121,148,209)
```
#7292d8
```
#7292d8 rgb(114,146,216)
```
#6b8fdf
```
#6b8fdf rgb(107,143,223)
```
#648de6
```
#648de6 rgb(100,141,230)
```
#5d8aed
```
#5d8aed rgb(93,138,237)
```
#5688f4
```
#5688f4 rgb(86,136,244)
```
#4f85fb
```
#4f85fb rgb(79,133,251)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#78839a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8cfc Protanopia 1% of men
#0092f3 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#4f89fb Protanomaly 1% of men, 0.01% of women
#1c8df6 Deuteranomaly 6% of men, 0.4% of women
#1c94c6 Tritanomaly 0.01% of the population

#4f85fb hex color

#4f85fb Color Information

#4f85fb Color Conversion

Color Schemes with #4f85fb

Alternatives to #4f85fb

#4f85fb Preview

Shades and Tints of #4f85fb

Tones of #4f85fb

Color Blindness Simulator