#848baa hex color

In a RGB color space, hex #848baa is composed of 51.8% red, 54.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 18.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 228.9 degrees, a saturation of 18.3% and a lightness of 59.2%. #848baa color hex could be obtained by blending #ffffff with #091755. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 55
- B 67
RGB color chart
- C 22
- M 18
- Y 0
- K 33
CMYK color chart

● #848baa color description : Dark grayish blue.

The hexadecimal color #848baa has RGB values of R:132, G:139, B:170 and CMYK values of C:0.22, M:0.18, Y:0, K:0.33. Its decimal value is 8686506.

Hex triplet	848baa	`#848baa`
RGB Decimal	132, 139, 170	`rgb(132,139,170)`
RGB Percent	51.8, 54.5, 66.7	`rgb(51.8%,54.5%,66.7%)`
CMYK	22, 18, 0, 33
HSL	228.9°, 18.3, 59.2	`hsl(228.9,18.3%,59.2%)`
HSV (or HSB)	228.9°, 22.4, 66.7
Web Safe	999999	`#999999`

CIE-LAB	58.295, 4.349, -17.18
XYZ	26.003, 26.273, 41.729
xyY	0.277, 0.279, 26.273
CIE-LCH	58.295, 17.722, 284.205
CIE-LUV	58.295, -5.375, -26.296
Hunter-Lab	51.257, 0.853, -12.389
Binary	10000100, 10001011, 10101010

#848baa
```
#848baa rgb(132,139,170)
```
#aaa384
```
#aaa384 rgb(170,163,132)
```

Complementary Color

#849eaa
```
#849eaa rgb(132,158,170)
```
#848baa
```
#848baa rgb(132,139,170)
```
#9084aa
```
#9084aa rgb(144,132,170)
```

Analogous Color

#9eaa84
```
#9eaa84 rgb(158,170,132)
```
#848baa
```
#848baa rgb(132,139,170)
```
#aa9084
```
#aa9084 rgb(170,144,132)
```

Split Complementary Color

#8baa84
```
#8baa84 rgb(139,170,132)
```
#848baa
```
#848baa rgb(132,139,170)
```
#aa848b
```
#aa848b rgb(170,132,139)
```

Triadic Color

#84aaa3
```
#84aaa3 rgb(132,170,163)
```
#848baa
```
#848baa rgb(132,139,170)
```
#aa848b
```
#aa848b rgb(170,132,139)
```
#aaa384
```
#aaa384 rgb(170,163,132)
```

Tetradic Color

#5c6485
```
#5c6485 rgb(92,100,133)
```
#676f94
```
#676f94 rgb(103,111,148)
```
#757da0
```
#757da0 rgb(117,125,160)
```
#848baa
```
#848baa rgb(132,139,170)
```
#9399b4
```
#9399b4 rgb(147,153,180)
```
#a2a7bf
```
#a2a7bf rgb(162,167,191)
```
#b1b6c9
```
#b1b6c9 rgb(177,182,201)
```

Monochromatic Color

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

#8495aa
```
#8495aa rgb(132,149,170)
```
#8491aa
```
#8491aa rgb(132,145,170)
```
#848eaa
```
#848eaa rgb(132,142,170)
```
#848baa
```
#848baa rgb(132,139,170)
```
#8488aa
```
#8488aa rgb(132,136,170)
```
#8485aa
```
#8485aa rgb(132,133,170)
```
#8784aa
```
#8784aa rgb(135,132,170)
```

Similar Colors

Text with hexadecimal color #848baa

This text has a font color of #848baa.

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

#848baa background color

This paragraph has a background color of #848baa.

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

#848baa border color

This element has a border color of #848baa.

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

CSS codes

.text {color:#848baa;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0c10
```
#0b0c10 rgb(11,12,16)
```
#13151c
```
#13151c rgb(19,21,28)
```
#1b1d27
```
#1b1d27 rgb(27,29,39)
```
#232633
```
#232633 rgb(35,38,51)
```
#2b2f3f
```
#2b2f3f rgb(43,47,63)
```
#33374a
```
#33374a rgb(51,55,74)
```
#3b4056
```
#3b4056 rgb(59,64,86)
```
#434961
```
#434961 rgb(67,73,97)
```
#4b526d
```
#4b526d rgb(75,82,109)
```
#535a79
```
#535a79 rgb(83,90,121)
```
#5b6384
```
#5b6384 rgb(91,99,132)
```
#636c90
```
#636c90 rgb(99,108,144)
```

Shade Color Variation

#6d759a
```
#6d759a rgb(109,117,154)
```
#7880a2
```
#7880a2 rgb(120,128,162)
```
#848baa
```
#848baa rgb(132,139,170)
```
#9096b2
```
#9096b2 rgb(144,150,178)
```
#9ba1ba
```
#9ba1ba rgb(155,161,186)
```
#a7acc2
```
#a7acc2 rgb(167,172,194)
```
#b2b7ca
```
#b2b7ca rgb(178,183,202)
```
#bec2d2
```
#bec2d2 rgb(190,194,210)
```
#cacdda
```
#cacdda rgb(202,205,218)
```
#d5d8e2
```
#d5d8e2 rgb(213,216,226)
```
#e1e3ea
```
#e1e3ea rgb(225,227,234)
```
#ecedf2
```
#ecedf2 rgb(236,237,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94959a is the less saturated color, while #3458fa is the most saturated one.

#94959a
```
#94959a rgb(148,149,154)
```
#8c90a2
```
#8c90a2 rgb(140,144,162)
```
#848baa
```
#848baa rgb(132,139,170)
```
#7c86b2
```
#7c86b2 rgb(124,134,178)
```
#7481ba
```
#7481ba rgb(116,129,186)
```
#6c7cc2
```
#6c7cc2 rgb(108,124,194)
```
#6477ca
```
#6477ca rgb(100,119,202)
```
#5c72d2
```
#5c72d2 rgb(92,114,210)
```
#546dda
```
#546dda rgb(84,109,218)
```
#4c68e2
```
#4c68e2 rgb(76,104,226)
```
#4463ea
```
#4463ea rgb(68,99,234)
```
#3c5ef2
```
#3c5ef2 rgb(60,94,242)
```
#3458fa
```
#3458fa rgb(52,88,250)
```

Tone Color Variation

Below, you can see how #848baa 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
#8a8c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b90ae Protanopia 1% of men
#908faf Deuteranopia 1% of men
#86939e Tritanopia 0.001% of the population

Trichromacy

#888eac Protanomaly 1% of men, 0.01% of women
#8b8dad Deuteranomaly 6% of men, 0.4% of women
#8590a2 Tritanomaly 0.01% of the population

#848baa hex color

#848baa Color Information

#848baa Color Conversion

Color Schemes with #848baa

Alternatives to #848baa

#848baa Preview

Shades and Tints of #848baa

Tones of #848baa

Color Blindness Simulator