#849fb4 hex color

In a RGB color space, hex #849fb4 is composed of 51.8% red, 62.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 11.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 206.3 degrees, a saturation of 24.2% and a lightness of 61.2%. #849fb4 color hex could be obtained by blending #ffffff with #093f69. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 62
- B 71
RGB color chart
- C 27
- M 12
- Y 0
- K 29
CMYK color chart

● #849fb4 color description : Slightly desaturated blue.

The hexadecimal color #849fb4 has RGB values of R:132, G:159, B:180 and CMYK values of C:0.27, M:0.12, Y:0, K:0.29. Its decimal value is 8691636.

Hex triplet	849fb4	`#849fb4`
RGB Decimal	132, 159, 180	`rgb(132,159,180)`
RGB Percent	51.8, 62.4, 70.6	`rgb(51.8%,62.4%,70.6%)`
CMYK	27, 12, 0, 29
HSL	206.3°, 24.2, 61.2	`hsl(206.3,24.2%,61.2%)`
HSV (or HSB)	206.3°, 26.7, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.158, -4.508, -13.967
XYZ	30.15, 32.996, 47.958
xyY	0.271, 0.297, 32.996
CIE-LCH	64.158, 14.677, 252.111
CIE-LUV	64.158, -14.646, -20.367
Hunter-Lab	57.442, -6.833, -9.291
Binary	10000100, 10011111, 10110100

#849fb4
```
#849fb4 rgb(132,159,180)
```
#b49984
```
#b49984 rgb(180,153,132)
```

Complementary Color

#84b4b1
```
#84b4b1 rgb(132,180,177)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#8487b4
```
#8487b4 rgb(132,135,180)
```

Analogous Color

#b4b184
```
#b4b184 rgb(180,177,132)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#b48487
```
#b48487 rgb(180,132,135)
```

Split Complementary Color

#9fb484
```
#9fb484 rgb(159,180,132)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#b4849f
```
#b4849f rgb(180,132,159)
```

Triadic Color

#84b499
```
#84b499 rgb(132,180,153)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#b4849f
```
#b4849f rgb(180,132,159)
```
#b49984
```
#b49984 rgb(180,153,132)
```

Tetradic Color

#597992
```
#597992 rgb(89,121,146)
```
#6486a1
```
#6486a1 rgb(100,134,161)
```
#7493aa
```
#7493aa rgb(116,147,170)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#94abbe
```
#94abbe rgb(148,171,190)
```
#a4b8c7
```
#a4b8c7 rgb(164,184,199)
```
#b4c4d1
```
#b4c4d1 rgb(180,196,209)
```

Monochromatic Color

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

#84abb4
```
#84abb4 rgb(132,171,180)
```
#84a7b4
```
#84a7b4 rgb(132,167,180)
```
#84a3b4
```
#84a3b4 rgb(132,163,180)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#849bb4
```
#849bb4 rgb(132,155,180)
```
#8497b4
```
#8497b4 rgb(132,151,180)
```
#8493b4
```
#8493b4 rgb(132,147,180)
```

Similar Colors

Text with hexadecimal color #849fb4

This text has a font color of #849fb4.

<span style="color:#849fb4;">Text here</span>

#849fb4 background color

This paragraph has a background color of #849fb4.

<p style="background-color:#849fb4;">Content here</p>

#849fb4 border color

This element has a border color of #849fb4.

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

CSS codes

.text {color:#849fb4;}

.background {background-color:#849fb4;}

.border {border:1px solid #849fb4;}

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

#07090b
```
#07090b rgb(7,9,11)
```
#0e1317
```
#0e1317 rgb(14,19,23)
```
#161d23
```
#161d23 rgb(22,29,35)
```
#1d2730
```
#1d2730 rgb(29,39,48)
```
#24323c
```
#24323c rgb(36,50,60)
```
#2c3c48
```
#2c3c48 rgb(44,60,72)
```
#334654
```
#334654 rgb(51,70,84)
```
#3b5060
```
#3b5060 rgb(59,80,96)
```
#425a6d
```
#425a6d rgb(66,90,109)
```
#4a6479
```
#4a6479 rgb(74,100,121)
```
#516e85
```
#516e85 rgb(81,110,133)
```
#587891
```
#587891 rgb(88,120,145)
```
#60829d
```
#60829d rgb(96,130,157)
```

Shade Color Variation

#6c8ca5
```
#6c8ca5 rgb(108,140,165)
```
#7895ad
```
#7895ad rgb(120,149,173)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#90a9bb
```
#90a9bb rgb(144,169,187)
```
#9cb2c3
```
#9cb2c3 rgb(156,178,195)
```
#a9bcca
```
#a9bcca rgb(169,188,202)
```
#b5c5d2
```
#b5c5d2 rgb(181,197,210)
```
#c1cfd9
```
#c1cfd9 rgb(193,207,217)
```
#cdd8e1
```
#cdd8e1 rgb(205,216,225)
```
#d9e2e8
```
#d9e2e8 rgb(217,226,232)
```
#e5ebef
```
#e5ebef rgb(229,235,239)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9c9d is the less saturated color, while #3fa8f9 is the most saturated one.

#9b9c9d
```
#9b9c9d rgb(155,156,157)
```
#939da5
```
#939da5 rgb(147,157,165)
```
#8c9eac
```
#8c9eac rgb(140,158,172)
```
#849fb4
```
#849fb4 rgb(132,159,180)
```
#7ca0bc
```
#7ca0bc rgb(124,160,188)
```
#75a1c3
```
#75a1c3 rgb(117,161,195)
```
#6da2cb
```
#6da2cb rgb(109,162,203)
```
#66a3d2
```
#66a3d2 rgb(102,163,210)
```
#5ea4da
```
#5ea4da rgb(94,164,218)
```
#56a5e2
```
#56a5e2 rgb(86,165,226)
```
#4fa6e9
```
#4fa6e9 rgb(79,166,233)
```
#47a7f1
```
#47a7f1 rgb(71,167,241)
```
#3fa8f9
```
#3fa8f9 rgb(63,168,249)
```

Tone Color Variation

Below, you can see how #849fb4 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

#999999 Achromatopsia 0.005% of the population
#959a9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9fb5 Protanopia 1% of men
#a29dba Deuteranopia 1% of men
#88a5b1 Tritanopia 0.001% of the population

Trichromacy

#939fb4 Protanomaly 1% of men, 0.01% of women
#979db7 Deuteranomaly 6% of men, 0.4% of women
#86a2b2 Tritanomaly 0.01% of the population

#849fb4 hex color

#849fb4 Color Information

#849fb4 Color Conversion

Color Schemes with #849fb4

Alternatives to #849fb4

#849fb4 Preview

Shades and Tints of #849fb4

Tones of #849fb4

Color Blindness Simulator