#4f58bd hex color

In a RGB color space, hex #4f58bd is composed of 31% red, 34.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 53.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 235.1 degrees, a saturation of 45.5% and a lightness of 52.5%. #4f58bd color hex could be obtained by blending #9eb0ff with #00007b. Closest websafe color is: #6666cc.

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

● #4f58bd color description : Moderate blue.

The hexadecimal color #4f58bd has RGB values of R:79, G:88, B:189 and CMYK values of C:0.58, M:0.53, Y:0, K:0.26. Its decimal value is 5200061.

Hex triplet	4f58bd	`#4f58bd`
RGB Decimal	79, 88, 189	`rgb(79,88,189)`
RGB Percent	31, 34.5, 74.1	`rgb(31%,34.5%,74.1%)`
CMYK	58, 53, 0, 26
HSL	235.1°, 45.5, 52.5	`hsl(235.1,45.5%,52.5%)`
HSV (or HSB)	235.1°, 58.2, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.713, 26.726, -54.466
XYZ	15.898, 12.315, 49.681
xyY	0.204, 0.158, 12.315
CIE-LCH	41.713, 60.67, 296.136
CIE-LUV	41.713, -8.665, -82.077
Hunter-Lab	35.093, 19.451, -59.371
Binary	01001111, 01011000, 10111101

#4f58bd
```
#4f58bd rgb(79,88,189)
```
#bdb44f
```
#bdb44f rgb(189,180,79)
```

Complementary Color

#4f8fbd
```
#4f8fbd rgb(79,143,189)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#7d4fbd
```
#7d4fbd rgb(125,79,189)
```

Analogous Color

#8fbd4f
```
#8fbd4f rgb(143,189,79)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#bd7d4f
```
#bd7d4f rgb(189,125,79)
```

Split Complementary Color

#58bd4f
```
#58bd4f rgb(88,189,79)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#bd4f58
```
#bd4f58 rgb(189,79,88)
```

Triadic Color

#4fbdb4
```
#4fbdb4 rgb(79,189,180)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#bd4f58
```
#bd4f58 rgb(189,79,88)
```
#bdb44f
```
#bdb44f rgb(189,180,79)
```

Tetradic Color

#343b8b
```
#343b8b rgb(52,59,139)
```
#3b439e
```
#3b439e rgb(59,67,158)
```
#424bb0
```
#424bb0 rgb(66,75,176)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#626ac4
```
#626ac4 rgb(98,106,196)
```
#747bcb
```
#747bcb rgb(116,123,203)
```
#878dd2
```
#878dd2 rgb(135,141,210)
```

Monochromatic Color

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

#4f74bd
```
#4f74bd rgb(79,116,189)
```
#4f6abd
```
#4f6abd rgb(79,106,189)
```
#4f61bd
```
#4f61bd rgb(79,97,189)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#4f4fbd
```
#4f4fbd rgb(79,79,189)
```
#584fbd
```
#584fbd rgb(88,79,189)
```
#624fbd
```
#624fbd rgb(98,79,189)
```

Similar Colors

Text with hexadecimal color #4f58bd

This text has a font color of #4f58bd.

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

#4f58bd background color

This paragraph has a background color of #4f58bd.

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

#4f58bd border color

This element has a border color of #4f58bd.

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

CSS codes

.text {color:#4f58bd;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#090a18
```
#090a18 rgb(9,10,24)
```
#0e1026
```
#0e1026 rgb(14,16,38)
```
#141634
```
#141634 rgb(20,22,52)
```
#191c43
```
#191c43 rgb(25,28,67)
```
#1e2251
```
#1e2251 rgb(30,34,81)
```
#24295f
```
#24295f rgb(36,41,95)
```
#292f6d
```
#292f6d rgb(41,47,109)
```
#2e357c
```
#2e357c rgb(46,53,124)
```
#343b8a
```
#343b8a rgb(52,59,138)
```
#394198
```
#394198 rgb(57,65,152)
```
#3e47a6
```
#3e47a6 rgb(62,71,166)
```
#444db5
```
#444db5 rgb(68,77,181)
```

Shade Color Variation

#4f58bd
```
#4f58bd rgb(79,88,189)
```
#5d66c2
```
#5d66c2 rgb(93,102,194)
```
#6c73c8
```
#6c73c8 rgb(108,115,200)
```
#7a81cd
```
#7a81cd rgb(122,129,205)
```
#888ed2
```
#888ed2 rgb(136,142,210)
```
#969cd8
```
#969cd8 rgb(150,156,216)
```
#a5a9dd
```
#a5a9dd rgb(165,169,221)
```
#b3b7e2
```
#b3b7e2 rgb(179,183,226)
```
#c1c4e8
```
#c1c4e8 rgb(193,196,232)
```
#cfd2ed
```
#cfd2ed rgb(207,210,237)
```
#dedff2
```
#dedff2 rgb(222,223,242)
```
#ecedf8
```
#ecedf8 rgb(236,237,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#7e7f8e
```
#7e7f8e rgb(126,127,142)
```
#747798
```
#747798 rgb(116,119,152)
```
#6b6fa1
```
#6b6fa1 rgb(107,111,161)
```
#6268aa
```
#6268aa rgb(98,104,170)
```
#5860b4
```
#5860b4 rgb(88,96,180)
```
#4f58bd
```
#4f58bd rgb(79,88,189)
```
#4650c6
```
#4650c6 rgb(70,80,198)
```
#3c48d0
```
#3c48d0 rgb(60,72,208)
```
#3341d9
```
#3341d9 rgb(51,65,217)
```
#2a39e2
```
#2a39e2 rgb(42,57,226)
```
#2031ec
```
#2031ec rgb(32,49,236)
```
#1729f5
```
#1729f5 rgb(23,41,245)
```
#0e22fe
```
#0e22fe rgb(14,34,254)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5d5f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2267c6 Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#31737b Tritanopia 0.001% of the population

Trichromacy

#3261c3 Protanomaly 1% of men, 0.01% of women
#1c65b6 Deuteranomaly 6% of men, 0.4% of women
#3c6993 Tritanomaly 0.01% of the population

#4f58bd hex color

#4f58bd Color Information

#4f58bd Color Conversion

Color Schemes with #4f58bd

Alternatives to #4f58bd

#4f58bd Preview

Shades and Tints of #4f58bd

Tones of #4f58bd

Color Blindness Simulator