#4f5ba2 hex color

In a RGB color space, hex #4f5ba2 is composed of 31% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 43.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 231.3 degrees, a saturation of 34.4% and a lightness of 47.3%. #4f5ba2 color hex could be obtained by blending #9eb6ff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 36
- B 64
RGB color chart
- C 51
- M 44
- Y 0
- K 36
CMYK color chart

● #4f5ba2 color description : Dark moderate blue.

The hexadecimal color #4f5ba2 has RGB values of R:79, G:91, B:162 and CMYK values of C:0.51, M:0.44, Y:0, K:0.36. Its decimal value is 5200802.

Hex triplet	4f5ba2	`#4f5ba2`
RGB Decimal	79, 91, 162	`rgb(79,91,162)`
RGB Percent	31, 35.7, 63.5	`rgb(31%,35.7%,63.5%)`
CMYK	51, 44, 0, 36
HSL	231.3°, 34.4, 47.3	`hsl(231.3,34.4%,47.3%)`
HSV (or HSB)	231.3°, 51.2, 63.5
Web Safe	666699	`#666699`

CIE-LAB	40.82, 15.871, -39.995
XYZ	13.486, 11.753, 35.738
xyY	0.221, 0.193, 11.753
CIE-LCH	40.82, 43.029, 291.644
CIE-LUV	40.82, -8.6, -59.532
Hunter-Lab	34.282, 10.225, -37.811
Binary	01001111, 01011011, 10100010

#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#a2964f
```
#a2964f rgb(162,150,79)
```

Complementary Color

#4f85a2
```
#4f85a2 rgb(79,133,162)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#6d4fa2
```
#6d4fa2 rgb(109,79,162)
```

Analogous Color

#85a24f
```
#85a24f rgb(133,162,79)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#a26d4f
```
#a26d4f rgb(162,109,79)
```

Split Complementary Color

#5ba24f
```
#5ba24f rgb(91,162,79)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#a24f5b
```
#a24f5b rgb(162,79,91)
```

Triadic Color

#4fa296
```
#4fa296 rgb(79,162,150)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#a24f5b
```
#a24f5b rgb(162,79,91)
```
#a2964f
```
#a2964f rgb(162,150,79)
```

Tetradic Color

#363e6f
```
#363e6f rgb(54,62,111)
```
#3e4880
```
#3e4880 rgb(62,72,128)
```
#475191
```
#475191 rgb(71,81,145)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#5b67af
```
#5b67af rgb(91,103,175)
```
#6c77b8
```
#6c77b8 rgb(108,119,184)
```
#7e87c0
```
#7e87c0 rgb(126,135,192)
```

Monochromatic Color

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

#4f70a2
```
#4f70a2 rgb(79,112,162)
```
#4f69a2
```
#4f69a2 rgb(79,105,162)
```
#4f62a2
```
#4f62a2 rgb(79,98,162)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#4f54a2
```
#4f54a2 rgb(79,84,162)
```
#514fa2
```
#514fa2 rgb(81,79,162)
```
#584fa2
```
#584fa2 rgb(88,79,162)
```

Similar Colors

Text with hexadecimal color #4f5ba2

This text has a font color of #4f5ba2.

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

#4f5ba2 background color

This paragraph has a background color of #4f5ba2.

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

#4f5ba2 border color

This element has a border color of #4f5ba2.

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

CSS codes

.text {color:#4f5ba2;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080a11
```
#080a11 rgb(8,10,17)
```
#0f111e
```
#0f111e rgb(15,17,30)
```
#15182b
```
#15182b rgb(21,24,43)
```
#1c2039
```
#1c2039 rgb(28,32,57)
```
#222746
```
#222746 rgb(34,39,70)
```
#282f53
```
#282f53 rgb(40,47,83)
```
#2f3660
```
#2f3660 rgb(47,54,96)
```
#353d6d
```
#353d6d rgb(53,61,109)
```
#3c457a
```
#3c457a rgb(60,69,122)
```
#424c88
```
#424c88 rgb(66,76,136)
```
#495495
```
#495495 rgb(73,84,149)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```

Shade Color Variation

#5764ad
```
#5764ad rgb(87,100,173)
```
#6570b4
```
#6570b4 rgb(101,112,180)
```
#727cba
```
#727cba rgb(114,124,186)
```
#7f88c1
```
#7f88c1 rgb(127,136,193)
```
#8c95c7
```
#8c95c7 rgb(140,149,199)
```
#99a1cd
```
#99a1cd rgb(153,161,205)
```
#a6add4
```
#a6add4 rgb(166,173,212)
```
#b4b9da
```
#b4b9da rgb(180,185,218)
```
#c1c5e1
```
#c1c5e1 rgb(193,197,225)
```
#ced2e7
```
#ced2e7 rgb(206,210,231)
```
#dbdeee
```
#dbdeee rgb(219,222,238)
```
#e8eaf4
```
#e8eaf4 rgb(232,234,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74757d is the less saturated color, while #0526ec is the most saturated one.

#74757d
```
#74757d rgb(116,117,125)
```
#6b6f86
```
#6b6f86 rgb(107,111,134)
```
#62688f
```
#62688f rgb(98,104,143)
```
#586299
```
#586299 rgb(88,98,153)
```
#4f5ba2
```
#4f5ba2 rgb(79,91,162)
```
#4654ab
```
#4654ab rgb(70,84,171)
```
#3c4eb5
```
#3c4eb5 rgb(60,78,181)
```
#3347be
```
#3347be rgb(51,71,190)
```
#2a41c7
```
#2a41c7 rgb(42,65,199)
```
#213ad0
```
#213ad0 rgb(33,58,208)
```
#1733da
```
#1733da rgb(23,51,218)
```
#0e2de3
```
#0e2de3 rgb(14,45,227)
```
#0526ec
```
#0526ec rgb(5,38,236)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5d5f6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4966a9 Protanopia 1% of men
#3d69a4 Deuteranopia 1% of men
#446e76 Tritanopia 0.001% of the population

Trichromacy

#4b62a6 Protanomaly 1% of men, 0.01% of women
#4363a3 Deuteranomaly 6% of men, 0.4% of women
#486786 Tritanomaly 0.01% of the population

#4f5ba2 hex color

#4f5ba2 Color Information

#4f5ba2 Color Conversion

Color Schemes with #4f5ba2

Alternatives to #4f5ba2

#4f5ba2 Preview

Shades and Tints of #4f5ba2

Tones of #4f5ba2

Color Blindness Simulator