#4f5bd4 hex color

In a RGB color space, hex #4f5bd4 is composed of 31% red, 35.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 57.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 234.6 degrees, a saturation of 60.7% and a lightness of 57.1%. #4f5bd4 color hex could be obtained by blending #9eb6ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 36
- B 83
RGB color chart
- C 63
- M 57
- Y 0
- K 17
CMYK color chart

● #4f5bd4 color description : Moderate blue.

The hexadecimal color #4f5bd4 has RGB values of R:79, G:91, B:212 and CMYK values of C:0.63, M:0.57, Y:0, K:0.17. Its decimal value is 5200852.

Hex triplet	4f5bd4	`#4f5bd4`
RGB Decimal	79, 91, 212	`rgb(79,91,212)`
RGB Percent	31, 35.7, 83.1	`rgb(31%,35.7%,83.1%)`
CMYK	63, 57, 0, 17
HSL	234.6°, 60.7, 57.1	`hsl(234.6,60.7%,57.1%)`
HSV (or HSB)	234.6°, 62.7, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.085, 32.58, -63.916
XYZ	18.847, 13.897, 63.973
xyY	0.195, 0.144, 13.897
CIE-LCH	44.085, 71.74, 297.009
CIE-LUV	44.085, -10.323, -97.422
Hunter-Lab	37.279, 25.006, -75.651
Binary	01001111, 01011011, 11010100

#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#d4c84f
```
#d4c84f rgb(212,200,79)
```

Complementary Color

#4f9ed4
```
#4f9ed4 rgb(79,158,212)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#864fd4
```
#864fd4 rgb(134,79,212)
```

Analogous Color

#9ed44f
```
#9ed44f rgb(158,212,79)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#d4864f
```
#d4864f rgb(212,134,79)
```

Split Complementary Color

#5bd44f
```
#5bd44f rgb(91,212,79)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#d44f5b
```
#d44f5b rgb(212,79,91)
```

Triadic Color

#4fd4c8
```
#4fd4c8 rgb(79,212,200)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#d44f5b
```
#d44f5b rgb(212,79,91)
```
#d4c84f
```
#d4c84f rgb(212,200,79)
```

Tetradic Color

#2a36ac
```
#2a36ac rgb(42,54,172)
```
#2f3cc1
```
#2f3cc1 rgb(47,60,193)
```
#3b48cf
```
#3b48cf rgb(59,72,207)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#636ed9
```
#636ed9 rgb(99,110,217)
```
#7881de
```
#7881de rgb(120,129,222)
```
#8c94e3
```
#8c94e3 rgb(140,148,227)
```

Monochromatic Color

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

#4f7cd4
```
#4f7cd4 rgb(79,124,212)
```
#4f71d4
```
#4f71d4 rgb(79,113,212)
```
#4f66d4
```
#4f66d4 rgb(79,102,212)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#4f50d4
```
#4f50d4 rgb(79,80,212)
```
#594fd4
```
#594fd4 rgb(89,79,212)
```
#644fd4
```
#644fd4 rgb(100,79,212)
```

Similar Colors

Text with hexadecimal color #4f5bd4

This text has a font color of #4f5bd4.

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

#4f5bd4 background color

This paragraph has a background color of #4f5bd4.

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

#4f5bd4 border color

This element has a border color of #4f5bd4.

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

CSS codes

.text {color:#4f5bd4;}

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

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

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

#03040d
```
#03040d rgb(3,4,13)
```
#07091d
```
#07091d rgb(7,9,29)
```
#0b0e2d
```
#0b0e2d rgb(11,14,45)
```
#0f133c
```
#0f133c rgb(15,19,60)
```
#13184c
```
#13184c rgb(19,24,76)
```
#161d5c
```
#161d5c rgb(22,29,92)
```
#1a226c
```
#1a226c rgb(26,34,108)
```
#1e277c
```
#1e277c rgb(30,39,124)
```
#222c8b
```
#222c8b rgb(34,44,139)
```
#26309b
```
#26309b rgb(38,48,155)
```
#2a35ab
```
#2a35ab rgb(42,53,171)
```
#2e3abb
```
#2e3abb rgb(46,58,187)
```
#313fca
```
#313fca rgb(49,63,202)
```

Shade Color Variation

#3f4cd0
```
#3f4cd0 rgb(63,76,208)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#5f6ad8
```
#5f6ad8 rgb(95,106,216)
```
#6f78dc
```
#6f78dc rgb(111,120,220)
```
#7e87e0
```
#7e87e0 rgb(126,135,224)
```
#8e96e3
```
#8e96e3 rgb(142,150,227)
```
#9ea4e7
```
#9ea4e7 rgb(158,164,231)
```
#aeb3eb
```
#aeb3eb rgb(174,179,235)
```
#bdc2ef
```
#bdc2ef rgb(189,194,239)
```
#cdd1f3
```
#cdd1f3 rgb(205,209,243)
```
#dddff7
```
#dddff7 rgb(221,223,247)
```
#edeefb
```
#edeefb rgb(237,238,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#8a8b99
```
#8a8b99 rgb(138,139,153)
```
#8284a1
```
#8284a1 rgb(130,132,161)
```
#797eaa
```
#797eaa rgb(121,126,170)
```
#7177b2
```
#7177b2 rgb(113,119,178)
```
#6870bb
```
#6870bb rgb(104,112,187)
```
#6069c3
```
#6069c3 rgb(96,105,195)
```
#5762cc
```
#5762cc rgb(87,98,204)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#4754dc
```
#4754dc rgb(71,84,220)
```
#3e4de5
```
#3e4de5 rgb(62,77,229)
```
#3646ed
```
#3646ed rgb(54,70,237)
```
#2d3ff6
```
#2d3ff6 rgb(45,63,246)
```
#2538fe
```
#2538fe rgb(37,56,254)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#61637b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#1c66d4 Protanomaly 1% of men, 0.01% of women
#1c69c4 Deuteranomaly 6% of men, 0.4% of women
#1c6fa1 Tritanomaly 0.01% of the population

#4f5bd4 hex color

#4f5bd4 Color Information

#4f5bd4 Color Conversion

Color Schemes with #4f5bd4

Alternatives to #4f5bd4

#4f5bd4 Preview

Shades and Tints of #4f5bd4

Tones of #4f5bd4

Color Blindness Simulator