#848cf5 hex color

In a RGB color space, hex #848cf5 is composed of 51.8% red, 54.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 42.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 235.8 degrees, a saturation of 85% and a lightness of 73.9%. #848cf5 color hex could be obtained by blending #ffffff with #0919eb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 55
- B 96
RGB color chart
- C 46
- M 43
- Y 0
- K 4
CMYK color chart

● #848cf5 color description : Soft blue.

The hexadecimal color #848cf5 has RGB values of R:132, G:140, B:245 and CMYK values of C:0.46, M:0.43, Y:0, K:0.04. Its decimal value is 8686837.

Hex triplet	848cf5	`#848cf5`
RGB Decimal	132, 140, 245	`rgb(132,140,245)`
RGB Percent	51.8, 54.9, 96.1	`rgb(51.8%,54.9%,96.1%)`
CMYK	46, 43, 0, 4
HSL	235.8°, 85, 73.9	`hsl(235.8,85%,73.9%)`
HSV (or HSB)	235.8°, 46.1, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	61.872, 23.992, -53.683
XYZ	35.372, 30.253, 90.357
xyY	0.227, 0.194, 30.253
CIE-LCH	61.872, 58.8, 294.081
CIE-LUV	61.872, -9.435, -88.628
Hunter-Lab	55.003, 18.537, -58.898
Binary	10000100, 10001100, 11110101

#848cf5
```
#848cf5 rgb(132,140,245)
```
#f5ed84
```
#f5ed84 rgb(245,237,132)
```

Complementary Color

#84c5f5
```
#84c5f5 rgb(132,197,245)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#b584f5
```
#b584f5 rgb(181,132,245)
```

Analogous Color

#c5f584
```
#c5f584 rgb(197,245,132)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#f5b584
```
#f5b584 rgb(245,181,132)
```

Split Complementary Color

#8cf584
```
#8cf584 rgb(140,245,132)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#f5848c
```
#f5848c rgb(245,132,140)
```

Triadic Color

#84f5ed
```
#84f5ed rgb(132,245,237)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#f5848c
```
#f5848c rgb(245,132,140)
```
#f5ed84
```
#f5ed84 rgb(245,237,132)
```

Tetradic Color

#3d4aef
```
#3d4aef rgb(61,74,239)
```
#5560f1
```
#5560f1 rgb(85,96,241)
```
#6c76f3
```
#6c76f3 rgb(108,118,243)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#9ca2f7
```
#9ca2f7 rgb(156,162,247)
```
#b3b8f9
```
#b3b8f9 rgb(179,184,249)
```
#cbcefb
```
#cbcefb rgb(203,206,251)
```

Monochromatic Color

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

#84a8f5
```
#84a8f5 rgb(132,168,245)
```
#849ff5
```
#849ff5 rgb(132,159,245)
```
#8495f5
```
#8495f5 rgb(132,149,245)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#8584f5
```
#8584f5 rgb(133,132,245)
```
#8f84f5
```
#8f84f5 rgb(143,132,245)
```
#9884f5
```
#9884f5 rgb(152,132,245)
```

Similar Colors

Text with hexadecimal color #848cf5

This text has a font color of #848cf5.

<span style="color:#848cf5;">Text here</span>

#848cf5 background color

This paragraph has a background color of #848cf5.

<p style="background-color:#848cf5;">Content here</p>

#848cf5 border color

This element has a border color of #848cf5.

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

CSS codes

.text {color:#848cf5;}

.background {background-color:#848cf5;}

.border {border:1px solid #848cf5;}

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

#000104
```
#000104 rgb(0,1,4)
```
#020316
```
#020316 rgb(2,3,22)
```
#030628
```
#030628 rgb(3,6,40)
```
#05093a
```
#05093a rgb(5,9,58)
```
#060b4d
```
#060b4d rgb(6,11,77)
```
#080e5f
```
#080e5f rgb(8,14,95)
```
#091171
```
#091171 rgb(9,17,113)
```
#0b1383
```
#0b1383 rgb(11,19,131)
```
#0c1695
```
#0c1695 rgb(12,22,149)
```
#0e18a7
```
#0e18a7 rgb(14,24,167)
```
#0f1bb9
```
#0f1bb9 rgb(15,27,185)
```
#111ecc
```
#111ecc rgb(17,30,204)
```
#1220de
```
#1220de rgb(18,32,222)
```

Shade Color Variation

#1726ec
```
#1726ec rgb(23,38,236)
```
#2937ee
```
#2937ee rgb(41,55,238)
```
#3b48ef
```
#3b48ef rgb(59,72,239)
```
#4e59f1
```
#4e59f1 rgb(78,89,241)
```
#606af2
```
#606af2 rgb(96,106,242)
```
#727bf4
```
#727bf4 rgb(114,123,244)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#969df6
```
#969df6 rgb(150,157,246)
```
#a8aef8
```
#a8aef8 rgb(168,174,248)
```
#babff9
```
#babff9 rgb(186,191,249)
```
#cdd0fb
```
#cdd0fb rgb(205,208,251)
```
#dfe1fc
```
#dfe1fc rgb(223,225,252)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

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

#bcbcbd
```
#bcbcbd rgb(188,188,189)
```
#b7b8c2
```
#b7b8c2 rgb(183,184,194)
```
#b2b4c7
```
#b2b4c7 rgb(178,180,199)
```
#adafcc
```
#adafcc rgb(173,175,204)
```
#a8abd1
```
#a8abd1 rgb(168,171,209)
```
#a3a6d6
```
#a3a6d6 rgb(163,166,214)
```
#9ea2db
```
#9ea2db rgb(158,162,219)
```
#989ee1
```
#989ee1 rgb(152,158,225)
```
#9399e6
```
#9399e6 rgb(147,153,230)
```
#8e95eb
```
#8e95eb rgb(142,149,235)
```
#8990f0
```
#8990f0 rgb(137,144,240)
```
#848cf5
```
#848cf5 rgb(132,140,245)
```
#7f88fa
```
#7f88fa rgb(127,136,250)
```

Tone Color Variation

Below, you can see how #848cf5 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

#969696 Achromatopsia 0.005% of the population
#9294a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d97fa Protanopia 1% of men
#5f9bf1 Deuteranopia 1% of men
#70a2ae Tritanopia 0.001% of the population

Trichromacy

#7593f8 Protanomaly 1% of men, 0.01% of women
#6c95f2 Deuteranomaly 6% of men, 0.4% of women
#779ac8 Tritanomaly 0.01% of the population

#848cf5 hex color

#848cf5 Color Information

#848cf5 Color Conversion

Color Schemes with #848cf5

Alternatives to #848cf5

#848cf5 Preview

Shades and Tints of #848cf5

Tones of #848cf5

Color Blindness Simulator