#4f85bf hex color

In a RGB color space, hex #4f85bf is composed of 31% red, 52.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 30.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 211.1 degrees, a saturation of 46.7% and a lightness of 52.9%. #4f85bf color hex could be obtained by blending #9effff with #000b7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 52
- B 75
RGB color chart
- C 59
- M 30
- Y 0
- K 25
CMYK color chart

● #4f85bf color description : Moderate blue.

The hexadecimal color #4f85bf has RGB values of R:79, G:133, B:191 and CMYK values of C:0.59, M:0.3, Y:0, K:0.25. Its decimal value is 5211583.

Hex triplet	4f85bf	`#4f85bf`
RGB Decimal	79, 133, 191	`rgb(79,133,191)`
RGB Percent	31, 52.2, 74.9	`rgb(31%,52.2%,74.9%)`
CMYK	59, 30, 0, 25
HSL	211.1°, 46.7, 52.9	`hsl(211.1,46.7%,52.9%)`
HSV (or HSB)	211.1°, 58.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.236, -0.404, -35.698
XYZ	21.014, 22.198, 52.465
xyY	0.22, 0.232, 22.198
CIE-LCH	54.236, 35.701, 269.351
CIE-LUV	54.236, -23.597, -54.759
Hunter-Lab	47.114, -2.836, -33.043
Binary	01001111, 10000101, 10111111

#4f85bf
```
#4f85bf rgb(79,133,191)
```
#bf894f
```
#bf894f rgb(191,137,79)
```

Complementary Color

#4fbdbf
```
#4fbdbf rgb(79,189,191)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#514fbf
```
#514fbf rgb(81,79,191)
```

Analogous Color

#bdbf4f
```
#bdbf4f rgb(189,191,79)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#bf514f
```
#bf514f rgb(191,81,79)
```

Split Complementary Color

#85bf4f
```
#85bf4f rgb(133,191,79)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#bf4f85
```
#bf4f85 rgb(191,79,133)
```

Triadic Color

#4fbf89
```
#4fbf89 rgb(79,191,137)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#bf4f85
```
#bf4f85 rgb(191,79,133)
```
#bf894f
```
#bf894f rgb(191,137,79)
```

Tetradic Color

#345f8e
```
#345f8e rgb(52,95,142)
```
#3a6ca1
```
#3a6ca1 rgb(58,108,161)
```
#4178b3
```
#4178b3 rgb(65,120,179)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#6292c6
```
#6292c6 rgb(98,146,198)
```
#749fcd
```
#749fcd rgb(116,159,205)
```
#87acd3
```
#87acd3 rgb(135,172,211)
```

Monochromatic Color

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

#4fa1bf
```
#4fa1bf rgb(79,161,191)
```
#4f98bf
```
#4f98bf rgb(79,152,191)
```
#4f8ebf
```
#4f8ebf rgb(79,142,191)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#4f7cbf
```
#4f7cbf rgb(79,124,191)
```
#4f72bf
```
#4f72bf rgb(79,114,191)
```
#4f69bf
```
#4f69bf rgb(79,105,191)
```

Similar Colors

Text with hexadecimal color #4f85bf

This text has a font color of #4f85bf.

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

#4f85bf background color

This paragraph has a background color of #4f85bf.

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

#4f85bf border color

This element has a border color of #4f85bf.

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

CSS codes

.text {color:#4f85bf;}

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

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

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, #04070b is the darkest color, while #fcfdfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#091119
```
#091119 rgb(9,17,25)
```
#0e1b28
```
#0e1b28 rgb(14,27,40)
```
#142436
```
#142436 rgb(20,36,54)
```
#192e45
```
#192e45 rgb(25,46,69)
```
#1e3853
```
#1e3853 rgb(30,56,83)
```
#234161
```
#234161 rgb(35,65,97)
```
#294b70
```
#294b70 rgb(41,75,112)
```
#2e557e
```
#2e557e rgb(46,85,126)
```
#335e8c
```
#335e8c rgb(51,94,140)
```
#38689b
```
#38689b rgb(56,104,155)
```
#3e71a9
```
#3e71a9 rgb(62,113,169)
```
#437bb8
```
#437bb8 rgb(67,123,184)
```

Shade Color Variation

#4f85bf
```
#4f85bf rgb(79,133,191)
```
#5d8fc4
```
#5d8fc4 rgb(93,143,196)
```
#6c99c9
```
#6c99c9 rgb(108,153,201)
```
#7aa3cf
```
#7aa3cf rgb(122,163,207)
```
#89add4
```
#89add4 rgb(137,173,212)
```
#97b7d9
```
#97b7d9 rgb(151,183,217)
```
#a5c1de
```
#a5c1de rgb(165,193,222)
```
#b4cbe4
```
#b4cbe4 rgb(180,203,228)
```
#c2d5e9
```
#c2d5e9 rgb(194,213,233)
```
#d0dfee
```
#d0dfee rgb(208,223,238)
```
#dfe9f3
```
#dfe9f3 rgb(223,233,243)
```
#edf3f9
```
#edf3f9 rgb(237,243,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#868788
```
#868788 rgb(134,135,136)
```
#7d8791
```
#7d8791 rgb(125,135,145)
```
#74869a
```
#74869a rgb(116,134,154)
```
#6b86a3
```
#6b86a3 rgb(107,134,163)
```
#6186ad
```
#6186ad rgb(97,134,173)
```
#5885b6
```
#5885b6 rgb(88,133,182)
```
#4f85bf
```
#4f85bf rgb(79,133,191)
```
#4685c8
```
#4685c8 rgb(70,133,200)
```
#3d84d1
```
#3d84d1 rgb(61,132,209)
```
#3384db
```
#3384db rgb(51,132,219)
```
#2a84e4
```
#2a84e4 rgb(42,132,228)
```
#2183ed
```
#2183ed rgb(33,131,237)
```
#1883f6
```
#1883f6 rgb(24,131,246)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#727d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7486be Protanopia 1% of men
#6b87c3 Deuteranopia 1% of men
#44929d Tritanopia 0.001% of the population

Trichromacy

#6685be Protanomaly 1% of men, 0.01% of women
#6086c2 Deuteranomaly 6% of men, 0.4% of women
#488da9 Tritanomaly 0.01% of the population

#4f85bf hex color

#4f85bf Color Information

#4f85bf Color Conversion

Color Schemes with #4f85bf

Alternatives to #4f85bf

#4f85bf Preview

Shades and Tints of #4f85bf

Tones of #4f85bf

Color Blindness Simulator