colorhexa.com

#848ba1 hex color

In a RGB color space, hex #848ba1 is composed of 51.8% red, 54.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 13.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 225.5 degrees, a saturation of 13.4% and a lightness of 57.5%. #848ba1 color hex could be obtained by blending #ffffff with #091743. Closest websafe color is: #999999.

- R 52
- G 55
- B 63
RGB color chart
- C 18
- M 14
- Y 0
- K 37
CMYK color chart

● #848ba1 color description : Dark grayish blue.

The hexadecimal color #848ba1 has RGB values of R:132, G:139, B:161 and CMYK values of C:0.18, M:0.14, Y:0, K:0.37. Its decimal value is 8686497.

Hex triplet	848ba1	`#848ba1`
RGB Decimal	132, 139, 161	`rgb(132,139,161)`
RGB Percent	51.8, 54.5, 63.1	`rgb(51.8%,54.5%,63.1%)`
CMYK	18, 14, 0, 37
HSL	225.5°, 13.4, 57.5	`hsl(225.5,13.4%,57.5%)`
HSV (or HSB)	225.5°, 18, 63.1
Web Safe	999999	`#999999`

CIE-LAB	57.984, 2.232, -12.505
XYZ	25.18, 25.944, 37.397
xyY	0.284, 0.293, 25.944
CIE-LCH	57.984, 12.703, 280.12
CIE-LUV	57.984, -4.936, -18.752
Hunter-Lab	50.935, -0.893, -7.877
Binary	10000100, 10001011, 10100001

#848ba1
```
#848ba1 rgb(132,139,161)
```
#a19a84
```
#a19a84 rgb(161,154,132)
```

Complementary Color

#849aa1
```
#849aa1 rgb(132,154,161)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#8c84a1
```
#8c84a1 rgb(140,132,161)
```

Analogous Color

#9aa184
```
#9aa184 rgb(154,161,132)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#a18c84
```
#a18c84 rgb(161,140,132)
```

Split Complementary Color

#8ba184
```
#8ba184 rgb(139,161,132)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#a1848b
```
#a1848b rgb(161,132,139)
```

Triadic Color

#84a19a
```
#84a19a rgb(132,161,154)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#a1848b
```
#a1848b rgb(161,132,139)
```
#a19a84
```
#a19a84 rgb(161,154,132)
```

Tetradic Color

#5e657b
```
#5e657b rgb(94,101,123)
```
#697189
```
#697189 rgb(105,113,137)
```
#767d96
```
#767d96 rgb(118,125,150)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#9299ac
```
#9299ac rgb(146,153,172)
```
#a1a6b7
```
#a1a6b7 rgb(161,166,183)
```
#afb4c2
```
#afb4c2 rgb(175,180,194)
```

Monochromatic Color

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

#8492a1
```
#8492a1 rgb(132,146,161)
```
#8490a1
```
#8490a1 rgb(132,144,161)
```
#848da1
```
#848da1 rgb(132,141,161)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#8489a1
```
#8489a1 rgb(132,137,161)
```
#8486a1
```
#8486a1 rgb(132,134,161)
```
#8484a1
```
#8484a1 rgb(132,132,161)
```

Similar Colors

Text with hexadecimal color #848ba1

This text has a font color of #848ba1.

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

#848ba1 background color

This paragraph has a background color of #848ba1.

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

#848ba1 border color

This element has a border color of #848ba1.

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

CSS codes

.text {color:#848ba1;}

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

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

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

#08090a
```
#08090a rgb(8,9,10)
```
#101216
```
#101216 rgb(16,18,22)
```
#191b21
```
#191b21 rgb(25,27,33)
```
#21242c
```
#21242c rgb(33,36,44)
```
#2a2d37
```
#2a2d37 rgb(42,45,55)
```
#323642
```
#323642 rgb(50,54,66)
```
#3b3f4d
```
#3b3f4d rgb(59,63,77)
```
#434858
```
#434858 rgb(67,72,88)
```
#4c5263
```
#4c5263 rgb(76,82,99)
```
#545b6e
```
#545b6e rgb(84,91,110)
```
#5d647a
```
#5d647a rgb(93,100,122)
```
#656d85
```
#656d85 rgb(101,109,133)
```
#6e7690
```
#6e7690 rgb(110,118,144)
```

Shade Color Variation

#798199
```
#798199 rgb(121,129,153)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#8f95a9
```
#8f95a9 rgb(143,149,169)
```
#9aa0b2
```
#9aa0b2 rgb(154,160,178)
```
#a5aaba
```
#a5aaba rgb(165,170,186)
```
#b0b5c3
```
#b0b5c3 rgb(176,181,195)
```
#bcbfcb
```
#bcbfcb rgb(188,191,203)
```
#c7cad4
```
#c7cad4 rgb(199,202,212)
```
#d2d4dc
```
#d2d4dc rgb(210,212,220)
```
#dddfe5
```
#dddfe5 rgb(221,223,229)
```
#e8e9ed
```
#e8e9ed rgb(232,233,237)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f99 is the less saturated color, while #285cfd is the most saturated one.

#8c8f99
```
#8c8f99 rgb(140,143,153)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#7c87a9
```
#7c87a9 rgb(124,135,169)
```
#7382b2
```
#7382b2 rgb(115,130,178)
```
#6b7eba
```
#6b7eba rgb(107,126,186)
```
#637ac2
```
#637ac2 rgb(99,122,194)
```
#5a75cb
```
#5a75cb rgb(90,117,203)
```
#5271d3
```
#5271d3 rgb(82,113,211)
```
#4a6ddb
```
#4a6ddb rgb(74,109,219)
```
#4168e4
```
#4168e4 rgb(65,104,228)
```
#3964ec
```
#3964ec rgb(57,100,236)
```
#3160f4
```
#3160f4 rgb(49,96,244)
```
#285cfd
```
#285cfd rgb(40,92,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#8a8b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d90a5 Protanopia 1% of men
#938ea6 Deuteranopia 1% of men
#88929d Tritanopia 0.001% of the population

Trichromacy

#898ea3 Protanomaly 1% of men, 0.01% of women
#8e8ca4 Deuteranomaly 6% of men, 0.4% of women
#868f9e Tritanomaly 0.01% of the population