#848fb0 hex color

In a RGB color space, hex #848fb0 is composed of 51.8% red, 56.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 18.8% magenta, 0% yellow and 31% black. It has a hue angle of 225 degrees, a saturation of 21.8% and a lightness of 60.4%. #848fb0 color hex could be obtained by blending #ffffff with #091f61. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 56
- B 69
RGB color chart
- C 25
- M 19
- Y 0
- K 31
CMYK color chart

● #848fb0 color description : Dark grayish blue.

The hexadecimal color #848fb0 has RGB values of R:132, G:143, B:176 and CMYK values of C:0.25, M:0.19, Y:0, K:0.31. Its decimal value is 8687536.

Hex triplet	848fb0	`#848fb0`
RGB Decimal	132, 143, 176	`rgb(132,143,176)`
RGB Percent	51.8, 56.1, 69	`rgb(51.8%,56.1%,69%)`
CMYK	25, 19, 0, 31
HSL	225°, 21.8, 60.4	`hsl(225,21.8%,60.4%)`
HSV (or HSB)	225°, 25, 69
Web Safe	999999	`#999999`

CIE-LAB	59.603, 3.511, -18.608
XYZ	27.173, 27.685, 44.984
xyY	0.272, 0.277, 27.685
CIE-LCH	59.603, 18.936, 280.685
CIE-LUV	59.603, -7.433, -28.521
Hunter-Lab	52.616, 0.106, -13.858
Binary	10000100, 10001111, 10110000

#848fb0
```
#848fb0 rgb(132,143,176)
```
#b0a584
```
#b0a584 rgb(176,165,132)
```

Complementary Color

#84a5b0
```
#84a5b0 rgb(132,165,176)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#8f84b0
```
#8f84b0 rgb(143,132,176)
```

Analogous Color

#a5b084
```
#a5b084 rgb(165,176,132)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#b08f84
```
#b08f84 rgb(176,143,132)
```

Split Complementary Color

#8fb084
```
#8fb084 rgb(143,176,132)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#b0848f
```
#b0848f rgb(176,132,143)
```

Triadic Color

#84b0a5
```
#84b0a5 rgb(132,176,165)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#b0848f
```
#b0848f rgb(176,132,143)
```
#b0a584
```
#b0a584 rgb(176,165,132)
```

Tetradic Color

#5b678d
```
#5b678d rgb(91,103,141)
```
#65739c
```
#65739c rgb(101,115,156)
```
#7481a6
```
#7481a6 rgb(116,129,166)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#949dba
```
#949dba rgb(148,157,186)
```
#a3abc4
```
#a3abc4 rgb(163,171,196)
```
#b3b9ce
```
#b3b9ce rgb(179,185,206)
```

Monochromatic Color

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

#849ab0
```
#849ab0 rgb(132,154,176)
```
#8496b0
```
#8496b0 rgb(132,150,176)
```
#8493b0
```
#8493b0 rgb(132,147,176)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#848bb0
```
#848bb0 rgb(132,139,176)
```
#8488b0
```
#8488b0 rgb(132,136,176)
```
#8484b0
```
#8484b0 rgb(132,132,176)
```

Similar Colors

Text with hexadecimal color #848fb0

This text has a font color of #848fb0.

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

#848fb0 background color

This paragraph has a background color of #848fb0.

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

#848fb0 border color

This element has a border color of #848fb0.

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

CSS codes

.text {color:#848fb0;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0d0f14
```
#0d0f14 rgb(13,15,20)
```
#151820
```
#151820 rgb(21,24,32)
```
#1c202c
```
#1c202c rgb(28,32,44)
```
#242938
```
#242938 rgb(36,41,56)
```
#2c3244
```
#2c3244 rgb(44,50,68)
```
#333b50
```
#333b50 rgb(51,59,80)
```
#3b435c
```
#3b435c rgb(59,67,92)
```
#434c68
```
#434c68 rgb(67,76,104)
```
#4a5574
```
#4a5574 rgb(74,85,116)
```
#525e80
```
#525e80 rgb(82,94,128)
```
#5a668c
```
#5a668c rgb(90,102,140)
```
#616f98
```
#616f98 rgb(97,111,152)
```

Shade Color Variation

#6c79a1
```
#6c79a1 rgb(108,121,161)
```
#7884a8
```
#7884a8 rgb(120,132,168)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#909ab8
```
#909ab8 rgb(144,154,184)
```
#9ca5bf
```
#9ca5bf rgb(156,165,191)
```
#a8b0c7
```
#a8b0c7 rgb(168,176,199)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#c0c5d6
```
#c0c5d6 rgb(192,197,214)
```
#ccd0de
```
#ccd0de rgb(204,208,222)
```
#d8dbe6
```
#d8dbe6 rgb(216,219,230)
```
#e4e6ed
```
#e4e6ed rgb(228,230,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9497a0 is the less saturated color, while #3668fe is the most saturated one.

#9497a0
```
#9497a0 rgb(148,151,160)
```
#8c93a8
```
#8c93a8 rgb(140,147,168)
```
#848fb0
```
#848fb0 rgb(132,143,176)
```
#7c8bb8
```
#7c8bb8 rgb(124,139,184)
```
#7487c0
```
#7487c0 rgb(116,135,192)
```
#6d83c7
```
#6d83c7 rgb(109,131,199)
```
#657fcf
```
#657fcf rgb(101,127,207)
```
#5d7cd7
```
#5d7cd7 rgb(93,124,215)
```
#5578df
```
#5578df rgb(85,120,223)
```
#4e74e6
```
#4e74e6 rgb(78,116,230)
```
#4670ee
```
#4670ee rgb(70,112,238)
```
#3e6cf6
```
#3e6cf6 rgb(62,108,246)
```
#3668fe
```
#3668fe rgb(54,104,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8d8f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d94b3 Protanopia 1% of men
#9292b4 Deuteranopia 1% of men
#8698a2 Tritanopia 0.001% of the population

Trichromacy

#8a92b2 Protanomaly 1% of men, 0.01% of women
#8d91b3 Deuteranomaly 6% of men, 0.4% of women
#8594a7 Tritanomaly 0.01% of the population

#848fb0 hex color

#848fb0 Color Information

#848fb0 Color Conversion

Color Schemes with #848fb0

Alternatives to #848fb0

#848fb0 Preview

Shades and Tints of #848fb0

Tones of #848fb0

Color Blindness Simulator