#4f5b84 hex color

In a RGB color space, hex #4f5b84 is composed of 31% red, 35.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 31.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 226.4 degrees, a saturation of 25.1% and a lightness of 41.4%. #4f5b84 color hex could be obtained by blending #9eb6ff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 36
- B 52
RGB color chart
- C 40
- M 31
- Y 0
- K 48
CMYK color chart

● #4f5b84 color description : Mostly desaturated dark blue.

The hexadecimal color #4f5b84 has RGB values of R:79, G:91, B:132 and CMYK values of C:0.4, M:0.31, Y:0, K:0.48. Its decimal value is 5200772.

Hex triplet	4f5b84	`#4f5b84`
RGB Decimal	79, 91, 132	`rgb(79,91,132)`
RGB Percent	31, 35.7, 51.8	`rgb(31%,35.7%,51.8%)`
CMYK	40, 31, 0, 48
HSL	226.4°, 25.1, 41.4	`hsl(226.4,25.1%,41.4%)`
HSV (or HSB)	226.4°, 40.2, 51.8
Web Safe	666699	`#666699`

CIE-LAB	39.259, 6.431, -24.402
XYZ	11.13, 10.81, 23.329
xyY	0.246, 0.239, 10.81
CIE-LCH	39.259, 25.235, 284.764
CIE-LUV	39.259, -7.573, -34.91
Hunter-Lab	32.879, 2.885, -19.054
Binary	01001111, 01011011, 10000100

#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#84784f
```
#84784f rgb(132,120,79)
```

Complementary Color

#4f7684
```
#4f7684 rgb(79,118,132)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#5e4f84
```
#5e4f84 rgb(94,79,132)
```

Analogous Color

#76844f
```
#76844f rgb(118,132,79)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#845e4f
```
#845e4f rgb(132,94,79)
```

Split Complementary Color

#5b844f
```
#5b844f rgb(91,132,79)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#844f5b
```
#844f5b rgb(132,79,91)
```

Triadic Color

#4f8478
```
#4f8478 rgb(79,132,120)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#844f5b
```
#844f5b rgb(132,79,91)
```
#84784f
```
#84784f rgb(132,120,79)
```

Tetradic Color

#323a54
```
#323a54 rgb(50,58,84)
```
#3c4564
```
#3c4564 rgb(60,69,100)
```
#455074
```
#455074 rgb(69,80,116)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#596694
```
#596694 rgb(89,102,148)
```
#6472a2
```
#6472a2 rgb(100,114,162)
```
#7480ac
```
#7480ac rgb(116,128,172)
```

Monochromatic Color

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

#4f6884
```
#4f6884 rgb(79,104,132)
```
#4f6484
```
#4f6484 rgb(79,100,132)
```
#4f5f84
```
#4f5f84 rgb(79,95,132)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#4f5784
```
#4f5784 rgb(79,87,132)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#504f84
```
#504f84 rgb(80,79,132)
```

Similar Colors

Text with hexadecimal color #4f5b84

This text has a font color of #4f5b84.

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

#4f5b84 background color

This paragraph has a background color of #4f5b84.

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

#4f5b84 border color

This element has a border color of #4f5b84.

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

CSS codes

.text {color:#4f5b84;}

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

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0d0f16
```
#0d0f16 rgb(13,15,22)
```
#141722
```
#141722 rgb(20,23,34)
```
#1c202e
```
#1c202e rgb(28,32,46)
```
#23283a
```
#23283a rgb(35,40,58)
```
#2a3147
```
#2a3147 rgb(42,49,71)
```
#323953
```
#323953 rgb(50,57,83)
```
#39425f
```
#39425f rgb(57,66,95)
```
#404a6b
```
#404a6b rgb(64,74,107)
```
#485378
```
#485378 rgb(72,83,120)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#566390
```
#566390 rgb(86,99,144)
```
#5e6c9d
```
#5e6c9d rgb(94,108,157)
```

Shade Color Variation

#6976a5
```
#6976a5 rgb(105,118,165)
```
#7582ac
```
#7582ac rgb(117,130,172)
```
#818db4
```
#818db4 rgb(129,141,180)
```
#8e98bb
```
#8e98bb rgb(142,152,187)
```
#9aa3c2
```
#9aa3c2 rgb(154,163,194)
```
#a6aeca
```
#a6aeca rgb(166,174,202)
```
#b2b9d1
```
#b2b9d1 rgb(178,185,209)
```
#bfc5d8
```
#bfc5d8 rgb(191,197,216)
```
#cbd0e0
```
#cbd0e0 rgb(203,208,224)
```
#d7dbe7
```
#d7dbe7 rgb(215,219,231)
```
#e3e6ef
```
#e3e6ef rgb(227,230,239)
```
#f0f1f6
```
#f0f1f6 rgb(240,241,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67686c is the less saturated color, while #0633cd is the most saturated one.

#67686c
```
#67686c rgb(103,104,108)
```
#5f6474
```
#5f6474 rgb(95,100,116)
```
#575f7c
```
#575f7c rgb(87,95,124)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#47578c
```
#47578c rgb(71,87,140)
```
#3f5294
```
#3f5294 rgb(63,82,148)
```
#374e9c
```
#374e9c rgb(55,78,156)
```
#2f49a4
```
#2f49a4 rgb(47,73,164)
```
#2645ad
```
#2645ad rgb(38,69,173)
```
#1e40b5
```
#1e40b5 rgb(30,64,181)
```
#163cbd
```
#163cbd rgb(22,60,189)
```
#0e37c5
```
#0e37c5 rgb(14,55,197)
```
#0633cd
```
#0633cd rgb(6,51,205)
```

Tone Color Variation

Below, you can see how #4f5b84 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
#595c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57638a Protanopia 1% of men
#56648a Deuteranopia 1% of men
#506870 Tritanopia 0.001% of the population

Trichromacy

#546088 Protanomaly 1% of men, 0.01% of women
#536087 Deuteranomaly 6% of men, 0.4% of women
#4f6377 Tritanomaly 0.01% of the population

#4f5b84 hex color

#4f5b84 Color Information

#4f5b84 Color Conversion

Color Schemes with #4f5b84

Alternatives to #4f5b84

#4f5b84 Preview

Shades and Tints of #4f5b84

Tones of #4f5b84

Color Blindness Simulator