#4f5284 hex color

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

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

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

The hexadecimal color #4f5284 has RGB values of R:79, G:82, B:132 and CMYK values of C:0.4, M:0.38, Y:0, K:0.48. Its decimal value is 5198468.

Hex triplet	4f5284	`#4f5284`
RGB Decimal	79, 82, 132	`rgb(79,82,132)`
RGB Percent	31, 32.2, 51.8	`rgb(31%,32.2%,51.8%)`
CMYK	40, 38, 0, 48
HSL	236.6°, 25.1, 41.4	`hsl(236.6,25.1%,41.4%)`
HSV (or HSB)	236.6°, 40.2, 51.8
Web Safe	666699	`#666699`

CIE-LAB	36.673, 12.154, -28.446
XYZ	10.406, 9.363, 23.087
xyY	0.243, 0.218, 9.363
CIE-LCH	36.673, 30.934, 293.135
CIE-LUV	36.673, -4.164, -40.766
Hunter-Lab	30.598, 7.157, -23.317
Binary	01001111, 01010010, 10000100

#4f5284
```
#4f5284 rgb(79,82,132)
```
#84814f
```
#84814f rgb(132,129,79)
```

Complementary Color

#4f6d84
```
#4f6d84 rgb(79,109,132)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#674f84
```
#674f84 rgb(103,79,132)
```

Analogous Color

#6d844f
```
#6d844f rgb(109,132,79)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#84674f
```
#84674f rgb(132,103,79)
```

Split Complementary Color

#52844f
```
#52844f rgb(82,132,79)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#844f52
```
#844f52 rgb(132,79,82)
```

Triadic Color

#4f8481
```
#4f8481 rgb(79,132,129)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#844f52
```
#844f52 rgb(132,79,82)
```
#84814f
```
#84814f rgb(132,129,79)
```

Tetradic Color

#323454
```
#323454 rgb(50,52,84)
```
#3c3e64
```
#3c3e64 rgb(60,62,100)
```
#454874
```
#454874 rgb(69,72,116)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#595c94
```
#595c94 rgb(89,92,148)
```
#6467a2
```
#6467a2 rgb(100,103,162)
```
#7477ac
```
#7477ac rgb(116,119,172)
```

Monochromatic Color

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

#4f5f84
```
#4f5f84 rgb(79,95,132)
```
#4f5b84
```
#4f5b84 rgb(79,91,132)
```
#4f5684
```
#4f5684 rgb(79,86,132)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#504f84
```
#504f84 rgb(80,79,132)
```
#554f84
```
#554f84 rgb(85,79,132)
```
#594f84
```
#594f84 rgb(89,79,132)
```

Similar Colors

Text with hexadecimal color #4f5284

This text has a font color of #4f5284.

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

#4f5284 background color

This paragraph has a background color of #4f5284.

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

#4f5284 border color

This element has a border color of #4f5284.

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

CSS codes

.text {color:#4f5284;}

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

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

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)
```
#0d0d16
```
#0d0d16 rgb(13,13,22)
```
#141522
```
#141522 rgb(20,21,34)
```
#1c1d2e
```
#1c1d2e rgb(28,29,46)
```
#23243a
```
#23243a rgb(35,36,58)
```
#2a2c47
```
#2a2c47 rgb(42,44,71)
```
#323453
```
#323453 rgb(50,52,83)
```
#393b5f
```
#393b5f rgb(57,59,95)
```
#40436b
```
#40436b rgb(64,67,107)
```
#484a78
```
#484a78 rgb(72,74,120)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#565a90
```
#565a90 rgb(86,90,144)
```
#5e619d
```
#5e619d rgb(94,97,157)
```

Shade Color Variation

#696ca5
```
#696ca5 rgb(105,108,165)
```
#7578ac
```
#7578ac rgb(117,120,172)
```
#8184b4
```
#8184b4 rgb(129,132,180)
```
#8e90bb
```
#8e90bb rgb(142,144,187)
```
#9a9cc2
```
#9a9cc2 rgb(154,156,194)
```
#a6a8ca
```
#a6a8ca rgb(166,168,202)
```
#b2b4d1
```
#b2b4d1 rgb(178,180,209)
```
#bfc0d8
```
#bfc0d8 rgb(191,192,216)
```
#cbcce0
```
#cbcce0 rgb(203,204,224)
```
#d7d8e7
```
#d7d8e7 rgb(215,216,231)
```
#e3e4ef
```
#e3e4ef rgb(227,228,239)
```
#f0f0f6
```
#f0f0f6 rgb(240,240,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 #0611cd is the most saturated one.

#67686c
```
#67686c rgb(103,104,108)
```
#5f6074
```
#5f6074 rgb(95,96,116)
```
#57597c
```
#57597c rgb(87,89,124)
```
#4f5284
```
#4f5284 rgb(79,82,132)
```
#474b8c
```
#474b8c rgb(71,75,140)
```
#3f4494
```
#3f4494 rgb(63,68,148)
```
#373c9c
```
#373c9c rgb(55,60,156)
```
#2f35a4
```
#2f35a4 rgb(47,53,164)
```
#262ead
```
#262ead rgb(38,46,173)
```
#1e27b5
```
#1e27b5 rgb(30,39,181)
```
#1620bd
```
#1620bd rgb(22,32,189)
```
#0e18c5
```
#0e18c5 rgb(14,24,197)
```
#0611cd
```
#0611cd rgb(6,17,205)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#555660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5d8c Protanopia 1% of men
#4a5e89 Deuteranopia 1% of men
#4e6269 Tritanopia 0.001% of the population

Trichromacy

#4d5989 Protanomaly 1% of men, 0.01% of women
#4c5a87 Deuteranomaly 6% of men, 0.4% of women
#4e5c73 Tritanomaly 0.01% of the population

#4f5284 hex color

#4f5284 Color Information

#4f5284 Color Conversion

Color Schemes with #4f5284

Alternatives to #4f5284

#4f5284 Preview

Shades and Tints of #4f5284

Tones of #4f5284

Color Blindness Simulator