#4858b2 hex color

In a RGB color space, hex #4858b2 is composed of 28.2% red, 34.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 50.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 230.9 degrees, a saturation of 42.4% and a lightness of 49%. #4858b2 color hex could be obtained by blending #90b0ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 35
- B 70
RGB color chart
- C 60
- M 51
- Y 0
- K 30
CMYK color chart

● #4858b2 color description : Dark moderate blue.

The hexadecimal color #4858b2 has RGB values of R:72, G:88, B:178 and CMYK values of C:0.6, M:0.51, Y:0, K:0.3. Its decimal value is 4741298.

Hex triplet	4858b2	`#4858b2`
RGB Decimal	72, 88, 178	`rgb(72,88,178)`
RGB Percent	28.2, 34.5, 69.8	`rgb(28.2%,34.5%,69.8%)`
CMYK	60, 51, 0, 30
HSL	230.9°, 42.4, 49	`hsl(230.9,42.4%,49%)`
HSV (or HSB)	230.9°, 59.6, 69.8
Web Safe	336699	`#336699`

CIE-LAB	40.526, 21.642, -49.959
XYZ	14.196, 11.571, 43.602
xyY	0.205, 0.167, 11.571
CIE-LCH	40.526, 54.445, 293.422
CIE-LUV	40.526, -10.318, -74.516
Hunter-Lab	34.016, 14.969, -52.188
Binary	01001000, 01011000, 10110010

#4858b2
```
#4858b2 rgb(72,88,178)
```
#b2a248
```
#b2a248 rgb(178,162,72)
```

Complementary Color

#488db2
```
#488db2 rgb(72,141,178)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#6d48b2
```
#6d48b2 rgb(109,72,178)
```

Analogous Color

#8db248
```
#8db248 rgb(141,178,72)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#b26d48
```
#b26d48 rgb(178,109,72)
```

Split Complementary Color

#58b248
```
#58b248 rgb(88,178,72)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#b24858
```
#b24858 rgb(178,72,88)
```

Triadic Color

#48b2a2
```
#48b2a2 rgb(72,178,162)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#b24858
```
#b24858 rgb(178,72,88)
```
#b2a248
```
#b2a248 rgb(178,162,72)
```

Tetradic Color

#323d7c
```
#323d7c rgb(50,61,124)
```
#39468e
```
#39468e rgb(57,70,142)
```
#414fa0
```
#414fa0 rgb(65,79,160)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#5867bb
```
#5867bb rgb(88,103,187)
```
#6a78c3
```
#6a78c3 rgb(106,120,195)
```
#7c88ca
```
#7c88ca rgb(124,136,202)
```

Monochromatic Color

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

#4873b2
```
#4873b2 rgb(72,115,178)
```
#486ab2
```
#486ab2 rgb(72,106,178)
```
#4861b2
```
#4861b2 rgb(72,97,178)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#484fb2
```
#484fb2 rgb(72,79,178)
```
#4a48b2
```
#4a48b2 rgb(74,72,178)
```
#5348b2
```
#5348b2 rgb(83,72,178)
```

Similar Colors

Text with hexadecimal color #4858b2

This text has a font color of #4858b2.

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

#4858b2 background color

This paragraph has a background color of #4858b2.

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

#4858b2 border color

This element has a border color of #4858b2.

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

CSS codes

.text {color:#4858b2;}

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

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

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, #04050a is the darkest color, while #fbfcfe is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0c18
```
#0a0c18 rgb(10,12,24)
```
#101326
```
#101326 rgb(16,19,38)
```
#151a34
```
#151a34 rgb(21,26,52)
```
#1b2142
```
#1b2142 rgb(27,33,66)
```
#202850
```
#202850 rgb(32,40,80)
```
#262f5e
```
#262f5e rgb(38,47,94)
```
#2c356c
```
#2c356c rgb(44,53,108)
```
#313c7a
```
#313c7a rgb(49,60,122)
```
#374388
```
#374388 rgb(55,67,136)
```
#3d4a96
```
#3d4a96 rgb(61,74,150)
```
#4251a4
```
#4251a4 rgb(66,81,164)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```

Shade Color Variation

#5463ba
```
#5463ba rgb(84,99,186)
```
#6270bf
```
#6270bf rgb(98,112,191)
```
#707dc5
```
#707dc5 rgb(112,125,197)
```
#7e89cb
```
#7e89cb rgb(126,137,203)
```
#8c96d0
```
#8c96d0 rgb(140,150,208)
```
#9aa3d6
```
#9aa3d6 rgb(154,163,214)
```
#a8afdc
```
#a8afdc rgb(168,175,220)
```
#b6bce1
```
#b6bce1 rgb(182,188,225)
```
#c4c9e7
```
#c4c9e7 rgb(196,201,231)
```
#d2d6ed
```
#d2d6ed rgb(210,214,237)
```
#e0e2f2
```
#e0e2f2 rgb(224,226,242)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a82 is the less saturated color, while #0529f5 is the most saturated one.

#787a82
```
#787a82 rgb(120,122,130)
```
#6e738c
```
#6e738c rgb(110,115,140)
```
#656c95
```
#656c95 rgb(101,108,149)
```
#5b659f
```
#5b659f rgb(91,101,159)
```
#525fa8
```
#525fa8 rgb(82,95,168)
```
#4858b2
```
#4858b2 rgb(72,88,178)
```
#3e51bc
```
#3e51bc rgb(62,81,188)
```
#354bc5
```
#354bc5 rgb(53,75,197)
```
#2b44cf
```
#2b44cf rgb(43,68,207)
```
#223dd8
```
#223dd8 rgb(34,61,216)
```
#1836e2
```
#1836e2 rgb(24,54,226)
```
#0e30ec
```
#0e30ec rgb(14,48,236)
```
#0529f5
```
#0529f5 rgb(5,41,245)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#595c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3265b9 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#2d7078 Tritanopia 0.001% of the population

Trichromacy

#3a60b7 Protanomaly 1% of men, 0.01% of women
#1a63b0 Deuteranomaly 6% of men, 0.4% of women
#36678d Tritanomaly 0.01% of the population

#4858b2 hex color

#4858b2 Color Information

#4858b2 Color Conversion

Color Schemes with #4858b2

Alternatives to #4858b2

#4858b2 Preview

Shades and Tints of #4858b2

Tones of #4858b2

Color Blindness Simulator