#848ba5 hex color

In a RGB color space, hex #848ba5 is composed of 51.8% red, 54.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 15.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 227.3 degrees, a saturation of 15.5% and a lightness of 58.2%. #848ba5 color hex could be obtained by blending #ffffff with #09174b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 55
- B 65
RGB color chart
- C 20
- M 16
- Y 0
- K 35
CMYK color chart

● #848ba5 color description : Dark grayish blue.

The hexadecimal color #848ba5 has RGB values of R:132, G:139, B:165 and CMYK values of C:0.2, M:0.16, Y:0, K:0.35. Its decimal value is 8686501.

Hex triplet	848ba5	`#848ba5`
RGB Decimal	132, 139, 165	`rgb(132,139,165)`
RGB Percent	51.8, 54.5, 64.7	`rgb(51.8%,54.5%,64.7%)`
CMYK	20, 16, 0, 35
HSL	227.3°, 15.5, 58.2	`hsl(227.3,15.5%,58.2%)`
HSV (or HSB)	227.3°, 20, 64.7
Web Safe	999999	`#999999`

CIE-LAB	58.12, 3.162, -14.589
XYZ	25.539, 26.087, 39.285
xyY	0.281, 0.287, 26.087
CIE-LCH	58.12, 14.928, 282.23
CIE-LUV	58.12, -5.13, -22.094
Hunter-Lab	51.075, -0.129, -9.85
Binary	10000100, 10001011, 10100101

#848ba5
```
#848ba5 rgb(132,139,165)
```
#a59e84
```
#a59e84 rgb(165,158,132)
```

Complementary Color

#849ca5
```
#849ca5 rgb(132,156,165)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#8e84a5
```
#8e84a5 rgb(142,132,165)
```

Analogous Color

#9ca584
```
#9ca584 rgb(156,165,132)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#a58e84
```
#a58e84 rgb(165,142,132)
```

Split Complementary Color

#8ba584
```
#8ba584 rgb(139,165,132)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#a5848b
```
#a5848b rgb(165,132,139)
```

Triadic Color

#84a59e
```
#84a59e rgb(132,165,158)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#a5848b
```
#a5848b rgb(165,132,139)
```
#a59e84
```
#a59e84 rgb(165,158,132)
```

Tetradic Color

#5d647f
```
#5d647f rgb(93,100,127)
```
#68708e
```
#68708e rgb(104,112,142)
```
#757d9a
```
#757d9a rgb(117,125,154)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#9399b0
```
#9399b0 rgb(147,153,176)
```
#a1a7bb
```
#a1a7bb rgb(161,167,187)
```
#b0b5c5
```
#b0b5c5 rgb(176,181,197)
```

Monochromatic Color

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

#8493a5
```
#8493a5 rgb(132,147,165)
```
#8491a5
```
#8491a5 rgb(132,145,165)
```
#848ea5
```
#848ea5 rgb(132,142,165)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#8488a5
```
#8488a5 rgb(132,136,165)
```
#8486a5
```
#8486a5 rgb(132,134,165)
```
#8584a5
```
#8584a5 rgb(133,132,165)
```

Similar Colors

Text with hexadecimal color #848ba5

This text has a font color of #848ba5.

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

#848ba5 background color

This paragraph has a background color of #848ba5.

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

#848ba5 border color

This element has a border color of #848ba5.

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

CSS codes

.text {color:#848ba5;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090a0d
```
#090a0d rgb(9,10,13)
```
#121318
```
#121318 rgb(18,19,24)
```
#1a1c24
```
#1a1c24 rgb(26,28,36)
```
#22252f
```
#22252f rgb(34,37,47)
```
#2b2e3a
```
#2b2e3a rgb(43,46,58)
```
#333746
```
#333746 rgb(51,55,70)
```
#3b4051
```
#3b4051 rgb(59,64,81)
```
#43495c
```
#43495c rgb(67,73,92)
```
#4c5268
```
#4c5268 rgb(76,82,104)
```
#545b73
```
#545b73 rgb(84,91,115)
```
#5c647e
```
#5c647e rgb(92,100,126)
```
#656c8a
```
#656c8a rgb(101,108,138)
```

Shade Color Variation

#6d7694
```
#6d7694 rgb(109,118,148)
```
#79809d
```
#79809d rgb(121,128,157)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#8f96ad
```
#8f96ad rgb(143,150,173)
```
#9ba0b6
```
#9ba0b6 rgb(155,160,182)
```
#a6abbe
```
#a6abbe rgb(166,171,190)
```
#b1b6c6
```
#b1b6c6 rgb(177,182,198)
```
#bdc0ce
```
#bdc0ce rgb(189,192,206)
```
#c8cbd7
```
#c8cbd7 rgb(200,203,215)
```
#d3d6df
```
#d3d6df rgb(211,214,223)
```
#dfe0e7
```
#dfe0e7 rgb(223,224,231)
```
#eaebf0
```
#eaebf0 rgb(234,235,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#949495
```
#949495 rgb(148,148,149)
```
#8c909d
```
#8c909d rgb(140,144,157)
```
#848ba5
```
#848ba5 rgb(132,139,165)
```
#7c86ad
```
#7c86ad rgb(124,134,173)
```
#7482b5
```
#7482b5 rgb(116,130,181)
```
#6b7dbe
```
#6b7dbe rgb(107,125,190)
```
#6378c6
```
#6378c6 rgb(99,120,198)
```
#5b73ce
```
#5b73ce rgb(91,115,206)
```
#536fd6
```
#536fd6 rgb(83,111,214)
```
#4b6ade
```
#4b6ade rgb(75,106,222)
```
#4265e7
```
#4265e7 rgb(66,101,231)
```
#3a61ef
```
#3a61ef rgb(58,97,239)
```
#325cf7
```
#325cf7 rgb(50,92,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#8a8c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c90a9 Protanopia 1% of men
#928eaa Deuteranopia 1% of men
#87939d Tritanopia 0.001% of the population

Trichromacy

#898ea7 Protanomaly 1% of men, 0.01% of women
#8d8da8 Deuteranomaly 6% of men, 0.4% of women
#8690a0 Tritanomaly 0.01% of the population

#848ba5 hex color

#848ba5 Color Information

#848ba5 Color Conversion

Color Schemes with #848ba5

Alternatives to #848ba5

#848ba5 Preview

Shades and Tints of #848ba5

Tones of #848ba5

Color Blindness Simulator