#4f50bc hex color

In a RGB color space, hex #4f50bc is composed of 31% red, 31.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 57.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 239.4 degrees, a saturation of 44.9% and a lightness of 52.4%. #4f50bc color hex could be obtained by blending #9ea0ff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 31
- B 74
RGB color chart
- C 58
- M 57
- Y 0
- K 26
CMYK color chart

● #4f50bc color description : Moderate blue.

The hexadecimal color #4f50bc has RGB values of R:79, G:80, B:188 and CMYK values of C:0.58, M:0.57, Y:0, K:0.26. Its decimal value is 5198012.

Hex triplet	4f50bc	`#4f50bc`
RGB Decimal	79, 80, 188	`rgb(79,80,188)`
RGB Percent	31, 31.4, 73.7	`rgb(31%,31.4%,73.7%)`
CMYK	58, 57, 0, 26
HSL	239.4°, 44.9, 52.4	`hsl(239.4,44.9%,52.4%)`
HSV (or HSB)	239.4°, 58, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.631, 31.422, -57.249
XYZ	15.168, 11.03, 48.904
xyY	0.202, 0.147, 11.03
CIE-LCH	39.631, 65.306, 298.76
CIE-LUV	39.631, -6.429, -85.042
Hunter-Lab	33.211, 23.406, -64.058
Binary	01001111, 01010000, 10111100

#4f50bc
```
#4f50bc rgb(79,80,188)
```
#bcbb4f
```
#bcbb4f rgb(188,187,79)
```

Complementary Color

#4f87bc
```
#4f87bc rgb(79,135,188)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#854fbc
```
#854fbc rgb(133,79,188)
```

Analogous Color

#87bc4f
```
#87bc4f rgb(135,188,79)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#bc854f
```
#bc854f rgb(188,133,79)
```

Split Complementary Color

#50bc4f
```
#50bc4f rgb(80,188,79)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#bc4f50
```
#bc4f50 rgb(188,79,80)
```

Triadic Color

#4fbcbb
```
#4fbcbb rgb(79,188,187)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#bc4f50
```
#bc4f50 rgb(188,79,80)
```
#bcbb4f
```
#bcbb4f rgb(188,187,79)
```

Tetradic Color

#35358a
```
#35358a rgb(53,53,138)
```
#3c3c9c
```
#3c3c9c rgb(60,60,156)
```
#4344af
```
#4344af rgb(67,68,175)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#6162c3
```
#6162c3 rgb(97,98,195)
```
#7475ca
```
#7475ca rgb(116,117,202)
```
#8687d1
```
#8687d1 rgb(134,135,209)
```

Monochromatic Color

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

#4f6bbc
```
#4f6bbc rgb(79,107,188)
```
#4f62bc
```
#4f62bc rgb(79,98,188)
```
#4f59bc
```
#4f59bc rgb(79,89,188)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#574fbc
```
#574fbc rgb(87,79,188)
```
#604fbc
```
#604fbc rgb(96,79,188)
```
#694fbc
```
#694fbc rgb(105,79,188)
```

Similar Colors

Text with hexadecimal color #4f50bc

This text has a font color of #4f50bc.

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

#4f50bc background color

This paragraph has a background color of #4f50bc.

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

#4f50bc border color

This element has a border color of #4f50bc.

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

CSS codes

.text {color:#4f50bc;}

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

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

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

#030309
```
#030309 rgb(3,3,9)
```
#090917
```
#090917 rgb(9,9,23)
```
#0e0e25
```
#0e0e25 rgb(14,14,37)
```
#141433
```
#141433 rgb(20,20,51)
```
#191942
```
#191942 rgb(25,25,66)
```
#1e1f50
```
#1e1f50 rgb(30,31,80)
```
#24245e
```
#24245e rgb(36,36,94)
```
#292a6c
```
#292a6c rgb(41,42,108)
```
#2f2f7a
```
#2f2f7a rgb(47,47,122)
```
#343589
```
#343589 rgb(52,53,137)
```
#393a97
```
#393a97 rgb(57,58,151)
```
#3f40a5
```
#3f40a5 rgb(63,64,165)
```
#4445b3
```
#4445b3 rgb(68,69,179)
```

Shade Color Variation

#4f50bc
```
#4f50bc rgb(79,80,188)
```
#5d5ec1
```
#5d5ec1 rgb(93,94,193)
```
#6b6cc7
```
#6b6cc7 rgb(107,108,199)
```
#7a7acc
```
#7a7acc rgb(122,122,204)
```
#8889d2
```
#8889d2 rgb(136,137,210)
```
#9697d7
```
#9697d7 rgb(150,151,215)
```
#a4a5dc
```
#a4a5dc rgb(164,165,220)
```
#b2b3e2
```
#b2b3e2 rgb(178,179,226)
```
#c1c1e7
```
#c1c1e7 rgb(193,193,231)
```
#cfcfed
```
#cfcfed rgb(207,207,237)
```
#ddddf2
```
#ddddf2 rgb(221,221,242)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e8d is the less saturated color, while #0e10fd is the most saturated one.

#7e7e8d
```
#7e7e8d rgb(126,126,141)
```
#747597
```
#747597 rgb(116,117,151)
```
#6b6ca0
```
#6b6ca0 rgb(107,108,160)
```
#6262a9
```
#6262a9 rgb(98,98,169)
```
#5859b3
```
#5859b3 rgb(88,89,179)
```
#4f50bc
```
#4f50bc rgb(79,80,188)
```
#4647c5
```
#4647c5 rgb(70,71,197)
```
#3c3ecf
```
#3c3ecf rgb(60,62,207)
```
#3334d8
```
#3334d8 rgb(51,52,216)
```
#2a2be1
```
#2a2be1 rgb(42,43,225)
```
#2022eb
```
#2022eb rgb(32,34,235)
```
#1719f4
```
#1719f4 rgb(23,25,244)
```
#0e10fd
```
#0e10fd rgb(14,16,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#595a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#2f6e76 Tritanopia 0.001% of the population

Trichromacy

#1c5bbf Protanomaly 1% of men, 0.01% of women
#1c5fb0 Deuteranomaly 6% of men, 0.4% of women
#3a638f Tritanomaly 0.01% of the population

#4f50bc hex color

#4f50bc Color Information

#4f50bc Color Conversion

Color Schemes with #4f50bc

Alternatives to #4f50bc

#4f50bc Preview

Shades and Tints of #4f50bc

Tones of #4f50bc

Color Blindness Simulator