#4858bd hex color

In a RGB color space, hex #4858bd is composed of 28.2% red, 34.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 53.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 231.8 degrees, a saturation of 47% and a lightness of 51.2%. #4858bd color hex could be obtained by blending #90b0ff with #00007b. Closest websafe color is: #3366cc.

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

● #4858bd color description : Moderate blue.

The hexadecimal color #4858bd has RGB values of R:72, G:88, B:189 and CMYK values of C:0.62, M:0.53, Y:0, K:0.26. Its decimal value is 4741309.

Hex triplet	4858bd	`#4858bd`
RGB Decimal	72, 88, 189	`rgb(72,88,189)`
RGB Percent	28.2, 34.5, 74.1	`rgb(28.2%,34.5%,74.1%)`
CMYK	62, 53, 0, 26
HSL	231.8°, 47, 51.2	`hsl(231.8,47%,51.2%)`
HSV (or HSB)	231.8°, 61.9, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.265, 25.431, -55.212
XYZ	15.346, 12.031, 49.655
xyY	0.199, 0.156, 12.031
CIE-LCH	41.265, 60.788, 294.731
CIE-LUV	41.265, -10.621, -82.765
Hunter-Lab	34.685, 18.275, -60.6
Binary	01001000, 01011000, 10111101

#4858bd
```
#4858bd rgb(72,88,189)
```
#bdad48
```
#bdad48 rgb(189,173,72)
```

Complementary Color

#4893bd
```
#4893bd rgb(72,147,189)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#7348bd
```
#7348bd rgb(115,72,189)
```

Analogous Color

#93bd48
```
#93bd48 rgb(147,189,72)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#bd7348
```
#bd7348 rgb(189,115,72)
```

Split Complementary Color

#58bd48
```
#58bd48 rgb(88,189,72)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#bd4858
```
#bd4858 rgb(189,72,88)
```

Triadic Color

#48bdad
```
#48bdad rgb(72,189,173)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#bd4858
```
#bd4858 rgb(189,72,88)
```
#bdad48
```
#bdad48 rgb(189,173,72)
```

Tetradic Color

#313d88
```
#313d88 rgb(49,61,136)
```
#38459a
```
#38459a rgb(56,69,154)
```
#3e4ead
```
#3e4ead rgb(62,78,173)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#5b69c4
```
#5b69c4 rgb(91,105,196)
```
#6d7acb
```
#6d7acb rgb(109,122,203)
```
#808bd1
```
#808bd1 rgb(128,139,209)
```

Monochromatic Color

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

#4875bd
```
#4875bd rgb(72,117,189)
```
#486cbd
```
#486cbd rgb(72,108,189)
```
#4862bd
```
#4862bd rgb(72,98,189)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#484ebd
```
#484ebd rgb(72,78,189)
```
#4c48bd
```
#4c48bd rgb(76,72,189)
```
#5548bd
```
#5548bd rgb(85,72,189)
```

Similar Colors

Text with hexadecimal color #4858bd

This text has a font color of #4858bd.

<span style="color:#4858bd;">Text here</span>

#4858bd background color

This paragraph has a background color of #4858bd.

<p style="background-color:#4858bd;">Content here</p>

#4858bd border color

This element has a border color of #4858bd.

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

CSS codes

.text {color:#4858bd;}

.background {background-color:#4858bd;}

.border {border:1px solid #4858bd;}

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 #f5f6fb is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#070813
```
#070813 rgb(7,8,19)
```
#0c0f21
```
#0c0f21 rgb(12,15,33)
```
#111530
```
#111530 rgb(17,21,48)
```
#161c3e
```
#161c3e rgb(22,28,62)
```
#1c224c
```
#1c224c rgb(28,34,76)
```
#21295b
```
#21295b rgb(33,41,91)
```
#262f69
```
#262f69 rgb(38,47,105)
```
#2b3678
```
#2b3678 rgb(43,54,120)
```
#303c86
```
#303c86 rgb(48,60,134)
```
#364395
```
#364395 rgb(54,67,149)
```
#3b49a3
```
#3b49a3 rgb(59,73,163)
```
#404fb1
```
#404fb1 rgb(64,79,177)
```

Shade Color Variation

#4858bd
```
#4858bd rgb(72,88,189)
```
#5665c2
```
#5665c2 rgb(86,101,194)
```
#6572c7
```
#6572c7 rgb(101,114,199)
```
#737fcd
```
#737fcd rgb(115,127,205)
```
#828dd2
```
#828dd2 rgb(130,141,210)
```
#909ad7
```
#909ad7 rgb(144,154,215)
```
#9ea7dc
```
#9ea7dc rgb(158,167,220)
```
#adb4e1
```
#adb4e1 rgb(173,180,225)
```
#bbc1e7
```
#bbc1e7 rgb(187,193,231)
```
#caceec
```
#caceec rgb(202,206,236)
```
#d8dcf1
```
#d8dcf1 rgb(216,220,241)
```
#e7e9f6
```
#e7e9f6 rgb(231,233,246)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#818284
```
#818284 rgb(129,130,132)
```
#787b8d
```
#787b8d rgb(120,123,141)
```
#6e7497
```
#6e7497 rgb(110,116,151)
```
#656da0
```
#656da0 rgb(101,109,160)
```
#5b66aa
```
#5b66aa rgb(91,102,170)
```
#525fb3
```
#525fb3 rgb(82,95,179)
```
#4858bd
```
#4858bd rgb(72,88,189)
```
#3e51c7
```
#3e51c7 rgb(62,81,199)
```
#354ad0
```
#354ad0 rgb(53,74,208)
```
#2b43da
```
#2b43da rgb(43,67,218)
```
#223ce3
```
#223ce3 rgb(34,60,227)
```
#1835ed
```
#1835ed rgb(24,53,237)
```
#0f2ef6
```
#0f2ef6 rgb(15,46,246)
```

Tone Color Variation

Below, you can see how #4858bd 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

#5f5f5f Achromatopsia 0.005% of the population
#5a5e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e66c5 Protanopia 1% of men
#006bb1 Deuteranopia 1% of men
#1e737b Tritanopia 0.001% of the population

Trichromacy

#2d61c2 Protanomaly 1% of men, 0.01% of women
#1a64b5 Deuteranomaly 6% of men, 0.4% of women
#2d6993 Tritanomaly 0.01% of the population

#4858bd hex color

#4858bd Color Information

#4858bd Color Conversion

Color Schemes with #4858bd

Alternatives to #4858bd

#4858bd Preview

Shades and Tints of #4858bd

Tones of #4858bd

Color Blindness Simulator